天天看点

Vue 事件

1. 事件处理

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

Vue 事件
2. 事件修饰符

prevent:阻止默认事件

Vue 事件

stop:阻止事件冒泡

once:事件只触发一次

capture:使用事件的捕获方式

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

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

继续阅读