Can not prevent click transmitted to the outside

[yanghoxom]

Vue version

3.3.4

Link to minimal reproduction

https://stackblitz.com/edit/vue-jgdpok

Steps to reproduce

you click on the first "click me", you will see counter increase 2 (event trigger 2 times)
you click on the second"click me", you will see counter increase 1 (event trigger 1 times)
different is I do not pass @click into the second "click me"

What is expected?

it is a feature or a bug? if it is a feature, how can I prevent it? In my case, I can not block click inside the component, I have to block the event where it is declared

What is actually happening?

Click event auto trigger @click

System Info

No response

Any additional comments?

No response

[posva]

What you are looking for is .capture: https://play.vuejs.org/#eNqFVE1z0zAQ/SuLYSZliO3iAAMmdCilM8ChdCgDB8xBtTeOWlnSSHKa0Ml/ZyXXiUM/uNjW6u3z067eXkeHWieLFqM8mjpstGAODwoJMK34Anj1roiY1kUUYhTlTQ1MOAr/aBGEqlURgTUlBebOaZunKbFd2ESZOuUNq9GmHpVoWRMy7Xk+oRDqpzKigvel4OUlEXBZGrS2QekIigt6x5I1SFsBUkSbdBJ3cH0NpWqlQwPr9TT1ofvIs1327E56it7Dn+38oP+apoOC0dKWhmtH37zRyjgYqJgZ1cAoSbchX/PRW5+Hy4CucMZa4eDa/8LLymFEvRmN/bpURClJsM07AAzYA2IdnhVzbO9pDzHoWiP7lWcJp8lhP4AHoWwbW5Oonq5BN1fV9p+DEm7/AuDm3CZ9K97tLp/B80DYU+6QZPexZP/QZLd4/NNLnaabsvsWuJXw3XhMd7Zjninq8ow1XKxyOKSeczP2tVug4yUbw6HhTIzBMmlji4bPwl/iKzy/5JTos22jFImRdQ5MOoJzZrHqcI36Eyu7vAWsDVvZkgkMMIdLF1NeLXMo6dxoQrhUQlE3HmflBF/uh1DDTM1l7JTO4dW+XlJwHQ55c7BoHDlbKjnjdXJhlSTbhmPSFaYrwgWar9pxJW0RbbpGDqarcvUlxJxp8aYRlDPH8vKO+IVd+lgRnVKn0CywiDZ7jhQi+dNvH5+d0MkGm42qWkHoBza/oVWi9Ro72IdWViR7gAtqPwcPUS2/2+OlQ2n7Q3mh2xtaROSjoweOvpU7SSYhjypKVdx14t3Tr5sdSck0+ciPiTnzWo+6WXQQ3uSR/86DBxy+ldEZXRtFMxR+jcJ4OiHQ6PedVhxI2QvYgZPCOrF0iU6JjtXMl2Xv6Y1/+n1twvtjp2qwHYz3BBvu9sLnRkoPeciBj+IYDquKKk/XVGNFk5Y5Z/h56xCcAsGJF47OzvzC029nGygpVhDHvpThvkNHQev5pDtdZ48cXpA1YB+8Z6ifreh2BbdkQp8Zu5Wm8kriDZo1q6rgy5sMwbuMiltqGE0GTiGJ8blQ5eXAiJQAzzc2ZF1Sb9sX2fmb15NbDl3/BbZdcb8=

[posva]

What you sent is working correctly, it would be a bug if it worked differently

[yanghoxom]

@posva does that mean "auto emit click" is a feature of vue3? Do you have a document about this, I want to understand it clearly, thanks.

[posva]

It's inheritting attributes, you can turn it off with https://vuejs.org/api/options-misc.html#inheritattrs

[yanghoxom]

@posva thank you for reply
another people gave me this link https://v3-migration.vuejs.org/breaking-changes/v-on-native-modifier-removed.html

I think using it emits: ['click'] makes more sense than having to use .capture or block inheritAttrs
and I think it's a more reasonable explanation that after moving to v3, events are automatically propagated out.