美文网首页
vue点击取消再点击选中(单选)

vue点击取消再点击选中(单选)

作者: jesse28 | 来源:发表于2022-12-13 14:16 被阅读0次
image.png
参考链接:https://blog.csdn.net/qq_38881495/article/details/89298562
<div class="cycles">
        <p class="cLeft">统计周期:</p>
        <p class="cRight"><span @click="clickBtn(index)" :class="{isActive:isChange==index}" :key="item.id" v-for="(item,index) in cycleList">{{item.name}}</span></p>
      </div>
    clickBtn(index) {
      if (index != this.isChange) {
        this.isChange = index;
        this.form.num = index + 1;
      } else {
        this.isChange = -1;
        this.form.num = "";
      }
    },

相关文章

网友评论

      本文标题:vue点击取消再点击选中(单选)

      本文链接:https://www.haomeiwen.com/subject/ntphqdtx.html