在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;
}
}