vue v-for循环多个标签,点击标签变色,再点击取消,可以同时多选点击多个

效果:
在这里插入图片描述
html:

<div class="relFacilityTitcon">
    <i v-for="(item,index) in facilityList" :key="index" @click="changeSpan(index);" :class="{'bgcolor':spanIndex.indexOf(index)>-1}" >{{item}}</i>
</div>

data:

 data:{
     spanIndex:[],
}

vue:

methods: {
  changeSpan(index){
       let arrIndex = this.spanIndex.indexOf(index);
       // console.log(arrIndex);
       
       if(arrIndex>-1){
           this.spanIndex.splice(arrIndex,1);
       }else{
           this.spanIndex.push(index);
       }
   },
Logo

前往低代码交流专区

更多推荐