vue 点击事件获取当前元素
时间: 2023-09-24 13:07:03 浏览: 143
vue 的点击事件获取当前点击的元素方法
在 Vue 中,你可以通过 `@click` 或 `v-on:click` 绑定一个点击事件,并通过 `$event.target` 来获取当前被点击的元素。例如:
```html
<template>
<div @click="handleClick">
<button>按钮</button>
</div>
</template>
<script>
export default {
methods: {
handleClick(event) {
console.log(event.target); // 输出点击的元素,这里为 <button> 按钮
}
}
}
</script>
```
在上面的例子中,我们绑定了一个点击事件到 `<div>` 元素上,当点击 `<button>` 按钮时,`handleClick` 方法会被调用,并且会将该点击事件作为参数传递进来。在方法中,我们可以通过 `$event.target` 来获取当前被点击的元素,即 `<button>` 按钮。
阅读全文