Vuejs - automatic event.preventDefault()

Question

right now, I need to add event.preventDefault() to all of my click events in my Vue.js buttons:

<button class="btn btn-primary" v-on:click="someAction($event)">Action</button></p>

methods: {
 someAction (e) {
   e.preventDefault()
   console.log('in some action')
 },
}

Does anyone know of a way have event.preventDefeault() be the default setting? Right now it's very annoying to have to include the event.preventDefault() in every click event.

Thanks in advance!

thanks - to confirm, in my case I should use v-on:click.stop="someMethod" right? — John Grayson
– John Grayson, Commented Mar 7, 2018 at 5:50
.prevent if event.preventDefault() is what you want. .stop if event.stopPropagation() is what you want. — Jacob Goh
– Jacob Goh, Commented Mar 7, 2018 at 5:51

tony19 · Accepted Answer · 2022-07-15 19:43:26Z

75

You can use prevent modifier:

@click.prevent="YourMethod"

You can look event modifier for more information.

edited Jul 15, 2022 at 19:43

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Mar 7, 2018 at 7:07

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

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

Collectives™ on Stack Overflow

Vuejs - automatic event.preventDefault()

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related