需求

两个按钮默认未选中, 点击选中, 切换选中, 并且带选中效果

template

  <div
    :class="activeIndex == index ? 'active' : ''"
    v-for="(item, index) in list"
    :key="index"
    @click="toggle(index)"
  ></div>

script

  data() {
    return {
      activeIndex: -1 // 避开index起始值
    }
  },
  methods: {
    toggle(index){
      this.activeIndex = index
    }
  },

style

<style>
  .active{...}
</style>