in Vue.JS by
What are the event modifiers provided by vue in VueJS?

1 Answer

0 votes
by
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.

.stop

.prevent

.capture

.self

.once

.passive

Let's take an example of stop modifier,

<!-- the click event's propagation will be stopped -->

<a v-on:click.stop="methodCall"></a>

You can also chain modifiers as below,

<!-- modifiers can be chained -->

<a v-on:click.stop.prevent="doThat"></a>

Related questions

0 votes
asked Oct 21, 2019 in Vue.JS by Tate
0 votes
asked Feb 4, 2020 in Vue.JS by rajeshsharma
0 votes
asked Feb 4, 2020 in Vue.JS by rajeshsharma
...