vue--点击添加class 其他标签删除class
1、css代码.active{border: solid 1.3px #C82333;background-color:#fff ;}2、html代码<ul><li class="floatL" :class="{ active: n==isActive}" v-for="n in 5" v-if="item.combo!==undefined" @...
·
1、css代码
.active{
border: solid 1.3px #C82333;
background-color:#fff ;
}
2、html代码
<ul>
<li class="floatL" :class="{ active: n==isActive}" v-for="n in 5" v-if="item.combo!==undefined" @click="check(n)">
套餐{{n}}
</li>
</ul>
3、script代码
data (){
return{
isActive : 0,
}
},
methods:{
check(index){
this.isActive=index
console.log(index)
}
},
更多推荐
已为社区贡献4条内容
所有评论(0)