码迷,mamicode.com
首页 > 其他好文 > 详细

vue 实现 换一换 功能

时间:2017-10-13 19:01:25      阅读:363      评论:0      收藏:0      [点我收藏+]

标签:func   color   push   var   pre   lis   生产   indexof   fun   

点击按钮列表页随机获取三个商品并渲染

后台返回的数据为 d为一个数组

数组 arr=[0,1,2]初始值

data:{

   list:d,

  arr:[0,1,2]

}

生产随机数

 1 replace:function () {
 2             var a = [];
 3             var j= 0;
 4             while(j<3){
 5                 var b = Math.floor((Math.random()*this.list.length));
 6                 if(a.indexOf(b)==-1){
 7                   a.push(b);
 8                   j++;
 9                 }
10             };
11             this.arr = a;
12         }
13        }

 渲染

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

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

vue 实现 换一换 功能

标签:func   color   push   var   pre   lis   生产   indexof   fun   

原文地址:http://www.cnblogs.com/-maomao-/p/7662371.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!