vue event target add class

如果你想在 Vue 中通过事件对象 event 的 target 属性为某个元素添加类名，可以使用以下代码：

<template>
    <button @click="addClass">添加类名</button>
    <p :class="{'active': isActive}" ref="myElement">这是一个段落</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      isActive: false
  methods: {
    addClass(event) {
      const element = event.target // 获取事件源
      element.classList.add('my-class') // 添加类名
      this.isActive = true // 更新数据
</script>
上述代码中，我们在模板中定义了一个按钮和一个段落元素。段落元素使用了 Vue 的 :class 指令，根据 isActive 变量的值来动态绑定类名。在按钮的 click 事件处理函数中，我们通过 event.target 获取到按钮元素，然后通过 classList 属性来添加类名，最后更新 isActive 变量的值，触发段落元素的类名变化。
希望这个例子能够帮助你解决问题。如果还有疑问，请随时继续提问。