vue中关于$event的理解
时间: 2024-03-01 22:50:34 浏览: 128
【JavaScript源代码】Vue 事件的$event参数=事件的值案例.docx
在 Vue 中,$event 是一个特殊的变量,它是在触发 DOM 事件时,自动传递给监听函数的一个参数。$event 包含了当前触发的事件的一些信息,比如鼠标点击的位置、键盘按键的信息等。
在模板中,可以通过 @click="handleClick($event)" 的方式,将 $event 作为参数传递给对应的事件处理函数。在事件处理函数中,可以通过 $event 来访问事件相关的信息,例如:
```javascript
methods: {
handleClick(event) {
console.log(event.target) // 当前触发事件的 DOM 元素
console.log(event.clientX, event.clientY) // 鼠标点击的位置
console.log(event.key) // 按下的键盘按键
}
}
```
阅读全文