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" > {{list[index].title}} </li>

点击按钮触发repace随机生成列表

上一篇:CentOS7 修改静态IP地址


下一篇:一个简单的基于HTTP协议的屏幕共享应用