vue中如何点击事件,获取该点击元素
warning:
这篇文章距离上次修改已过205天,其中的内容可能已经有所变动。
在Vue中,你可以使用v-on
指令或其缩写@
来添加事件监听器。如果你想在事件处理函数中获取被点击的元素,可以将$event
作为一个参数传递给这个函数。
以下是一个例子:
<template>
<div id="app">
<button @click="handleClick($event)">Click Me</button>
</div>
</template>
<script>
export default {
methods: {
handleClick(event) {
// event.target 是被点击的元素
console.log(event.target);
}
}
}
</script>
在这个例子中,当按钮被点击时,handleClick
方法会被调用,并且传入一个事件对象,该对象包含了关于事件的所有信息,包括target
属性,它指向触发事件的元素。
评论已关闭