vue2如何获取事件对象?
时间: 2024-04-08 21:26:27 浏览: 92
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
5星 · 资源好评率100%
在Vue2中,可以通过事件处理函数的参数来获取事件对象。事件处理函数的参数通常被命名为`event`,你可以在函数中使用`event`来访问事件对象的属性和方法。
以下是一个示例代码:
```html
<template>
<button @click="handleClick">点击我</button>
</template>
<script>
export default {
methods: {
handleClick(event) {
// 使用event来获取事件对象
console.log(event.target); // 获取触发事件的DOM元素
console.log(event.clientX); // 获取鼠标点击位置的横坐标
console.log(event.clientY); // 获取鼠标点击位置的纵坐标
// ...
}
}
}
</script>
```
在上述代码中,我们通过`@click`指令将`handleClick`方法绑定到按钮的点击事件上。当按钮被点击时,`handleClick`方法会被调用,并且会传入一个事件对象作为参数。我们可以通过访问`event`对象的属性来获取事件相关的信息。
阅读全文