Vuejs - automatic event.preventDefault()

2020-08-09 09:49发布

问题:

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!

回答1:

You can use prevent modifier:

@click.prevent="YourMethod"

You can look event modifier for more information.