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