Categories

Oct 21, 2019 in Vue.JS

Q:

What are the event modifiers provided by vue?

1 Answer

Oct 21, 2019

Normally, javascript provides event.preventDefault() or event.stopPropagation() inside event handlers. You can use methods provided by vue, but these methods are meant for data logic instead of dealing with DOM events. Vue provides below event modifiers for v-on and these modifiers are directive postfixes denoted by a dot.

  1. .stop
  2. .prevent
  3. .capture
  4. .self
  5. .once
  6. .passive

Let's take an example of stop modifier,

<!-- the click event's propagation will be stopped -->
<a v-on:click.stop="methodCall"></a>
Click here to read more about Vue JS
Click here to read more about Insurance

Related questions

Madanswer
Oct 9, 2019 in Vue.JS
Oct 9, 2019 in Vue.JS
Oct 7, 2019 in Vue.JS
...