意见反馈
帮助中心
官方微信

vue2.x v-for下当点击某一个item时添加class 样式,类似于单选

发布者:Carl
发布时间:2021年12月26日
阅读量:266

动态添加class的关键是判断条件,

点击某个item时设置isAdd为当前索引,

以使得index == isAdd为true,

就能成功添加class到我们点击的item上


<p v-for="(sel, index) in selection"
:key="index"
:class="{ tavActive:index == isAdd}"
@click="tabCheck(index)">{{sel}}
</p>
export default {
  name: "details",
  data(){
      return{
        selection:["详情", '选集'],
        isAdd:''
      }
  },
  methods:{
     tabCheck(index){
       if(this.selection[index]){
         this.isAdd = index;
       }
     }
  }
}


转载自:https://blog.csdn.net/qq_39905409/article/details/90450585



全部评论

没有评论