也可以代码动态设定 class
可以说得具体一点吗?我就是用的这种方法,但是设置错了,点一个结果全亮了。我用的v-for写的标签。
@echomay: 动态设定class出问题了?那就是判断条件出问题了,可以贴一下代码
或者看这种也行,或者 ref设定class也行,方法很多种
https://www.cnblogs.com/zhuchenglin/p/9836397.html
@人间春风意:谢谢您的解答!这是我写的,但就是一点就全都亮了,应该怎么改才对呢?
div class="theme-tag a1">
<span class="Title f1">题材</span>
<span v-for="theme in themes" class="fff" :class="isTrue==1?'selected':''" @click="choose(0)">
{{theme.name}}
</span>
</div>
data(){
return {
isTrue:0,
themes:[{
name:'冒险',
index:'',
},{
name:'热血',
index:'',
}]
}}
choose(index){
if(this.isTrue== index){
this.isTrue = 1
}else {
this.isTrue = index
}
}
@echomay: 你绑定的是一个值啊,一直是一个值,当然会一起变
@echomay: 比如点击事件时,修改对应的themes[index]的某一个属性值,比如设定为布尔,点击修改为true或false,:class绑定的值为theme的数值是否为true
@人间春风意: 好的,谢谢谢谢!解决好了~
CSS 类样式控制选中和未选中两种状态的样式。