vue点击事件获取DOM元素

在 Vue 中，可以使用 `ref` 属性来获取 DOM 元素，并在 `mounted` 钩子函数中使用 `$refs` 对象来访问它们。

HTML：

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

JavaScript：

export default {
  methods: {
    handleClick() {
      // 访问 DOM 元素
      const button = this.$refs.myButton;
      // 修改 DOM 元素的样式
      button.style.backgroundColor = 'red';
    }
  }
}

在上面的例子中，我们给 `button` 元素添加了一个 `ref` 属性，这样就可以在 `mounted` 钩子函数中使用 `$refs` 对象访问它。在 `handleClick` 方法中，我们通过 `$refs.myButton` 访问到了 `button` 元素，并修改了它的背景颜色。