vue 實現 換一換 功能

點擊按鈕列表頁隨機獲取三個商品並渲染

后台返回的數據為 d為一個數組

數組 arr=[0,1,2]初始值

data:{

   list:d,

  arr:[0,1,2]

}

生產隨機數

replace:function () {
            var a = [];
            var j= 0;
            while(j<3){
                var b = Math.floor((Math.random()*this.list.length));
                if(a.indexOf(b)==-1){
                  a.push(b);
                  j++;
                }
            };
            this.arr = a;
        }
       }

 渲染

<li v-for="index in arr" > 2 {{list[index].title}} 3 </li> 

點擊按鈕觸發repace隨機生成列表