vue 获取点击的元素

在 Vue 中获取点击的元素可以使用 `@click` 或 `@click.native` 事件，并将 `$event` 作为参数传递给方法。例如：

<template>
  <div @click="handleClick">
    <button @click="handleButtonClick">Click me</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      console.log(event.target) // 输出点击的元素
    },
    handleButtonClick(event) {
      event.stopPropagation() // 防止事件冒泡
    }
  }
}
</script>

在上面的示例中，当点击按钮时，由于事件被阻止冒泡，所以只会触发 `handleButtonClick` 方法，而不会触发 `handleClick` 方法。如果需要获取按钮元素，可以将 `$event.target` 作为参数传递给 `handleButtonClick` 方法，如下所示：

<button @click="handleButtonClick($event)">Click me</button>

handleButtonClick(event) {
  console.log(event.target) // 输出按钮元素
}