Vue v-for循环的时候更改 class的样式名称
在v-bind:class上绑定索引函数<div v-for="(shop,index) in shoplist" style="max-width: 20rem;" v-bind:class="calculate(index)">calculate(index) 此处必须添加index参数data(){ret
·
在v-bind:class上绑定索引函数
<div v-for="(shop,index) in shoplist" style="max-width: 20rem;" v-bind:class="calculate(index)">
calculate(index) 此处必须添加index参数
data(){
return{
colorList:['primary','danger','secondary','info']
}
},
methods:{
calculate(index){
var nm = this.colorList[Math.floor(Math.random() * this.colorList.length)];
return "card mb-3 col-lg-3 border-"+nm;
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)