VueJS 2 - Default click event on component

Question

Is it possible in VueJS to have a default click event on a custom component?

E.g. we have built a component called editable. Now on click, we always want it to fire the same function, no matter where we call that component.

<editable @click="doSomething" ...></editable>

Can I define that somewhere in the JS side?

tony19 · Accepted Answer · 2022-07-16 03:16:53Z

2

In case of custom component, you need to bind to native event:

<editable @click.native="doSomething" ...></editable>

For documentation, refer to Vue.js docs here.

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jun 3, 2019 at 13:49

Harshal Patil

21.5k17 gold badges76 silver badges156 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks, that was easy :)