vue点击添加类名

你可以通过 v-bind:class 指令来添加类名。例如，在模板中添加一个按钮，当点击按钮时添加一个新的类名：

<template>
  <button v-bind:class="{ active: isActive }" v-on:click="toggleActive">Click me</button>
</template>

在 script 中，定义 isActive 布尔值数据属性和 toggleActive 方法：

<script>
export default {
  data() {
    return {
      isActive: false
    }
  },
  methods: {
    toggleActive() {
      this.isActive = !this.isActive
    }
  }
}
</script>

这样，当按钮被点击时，将会在按钮上添加一个名为 "active" 的类名。