Javascript

Vue 事件

本文主要是介绍Vue 事件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1. 事件处理

使用 v-on:xxx 或 @xxx 绑定事件。事件的回调要配置在 methods 对象中,this指向 vm 或 组件实例对象,不要使用箭头函数(this指向问题) ,@click="demo" 和 @click="demo($event)" 效果一致,但后者可以传参。

2. 事件修饰符

prevent:阻止默认事件

stop:阻止事件冒泡

 

once:事件只触发一次

 

capture:使用事件的捕获方式

 

self:只有 event.target 是当前操作的元素时才触发事件

 

passive:事件的默认行为立即执行,无需等待事件回调执行完毕

 

这篇关于Vue 事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!