What are the event modifiers provided by vue?

Posted by Jennifer | Updated on

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:

You can also chain modifiers as below:

If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.

Related Questions & Answers