for 循环点击标签循环高亮：class=[“classA”,“classB”]
最新推荐文章于 2024-08-21 00:19:03 发布
陌上花开 于 2019-02-20 15:09:03 发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
HTML代码：
<div :class="[classA, classB]">Demo6</div>
Javascript代码：
data: {
classA: 'class-a',//类名
classB: 'class-b'
}
渲染后的HTML:
<div class="class-a class-b">Demo6</div>
<button v-for="(tab,index) in item" @click="choose(tab)" :class="[tab.isActive?classA:classB]">
{{tab.con}}
</button>
data () {
return {
item:[
{con:'羽毛球',isActive:false},
{con:'篮球',isActive:false},
{con:'乒乓球',isActive:false},
{con:'排球',isActive:false}
],
classA:'classA',
classB:'classB',
}
},
methods:{
choose(tab){
tab.isActive=!tab.isActive ;
}
}
相关知识
Java 水仙花数的计算与统计（for循环 / while 循环）
百合花花海穿行无缝循环
python（while循环）
while循环语句
2月14日，浪漫无限循环!
三、Python循环语句
Python 选择与循环
对称循环变应力的循环特性r=( )。
python循环的复习练习
无土栽培营养液循环控制系统研究
原文链接: for 循环点击标签循环高亮：class=[“classA”,“classB”] https://www.huajiangbk.com/newsview1155553.html
| 上一篇: 售卖无标签标识茉莉花茶，江北区责... | 下一篇: 赵丽颖：无需“谋女郎”标签，85... |
