vue3 Event 事件处理

Posted 2023-04-04

参考技术A 我们可以使用指令v-on 或简写方式@来监听js事件触发。

仅用方法名称可以返回event

方法传参数

如果想传参同时需要处理event ，我们可以用$event

绑定多个方法

event.preventDefault()
event.stopPropagation()

.passive 相当于addEventListener

.exact 修饰符允许你控制由精确的系统修饰符组合触发的事件

鼠标修饰符

vue中的点击事件

参考技术A 是一个自己总是记不太清的属性：

几个相同的元素，添加同样的一个点击事件处理程序来做处理，需要将元素自身

传递给事件处理程序来改变元素自身的一些属性，或者行为：

Tab(num,event)
var e = event.currentTarget // 这样获取到的是被点击的元素自身
var c = event.target // 这样获取到的是点击元素的子元素


子