Vue v-for循环的时候更改 class的样式名称

在v-bind:class上绑定索引函数

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

 

你可能感兴趣的:(vue)