vue 实现换一换功能

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

后台返回的数据为 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随机生成列表

转载于:https://www.cnblogs.com/-maomao-/p/7662371.html

vue 实现换一换功能相关推荐

[vue] 用vue怎么实现一个换肤的功能？
[vue] 用vue怎么实现一个换肤的功能? 这个--全局的theme属性然后做class判断或者加载不同的样式文件.一种是编译时换肤一种是用户操作换肤.编译时换肤可以通过css in js相关技术 ...
vue实战-实现换主题/皮肤功能
现在的app和pc网站做的越来越花哨,但是有时候用户并不喜欢你给他挑选好的主题颜色,这个时候就需要一个换皮肤的功能了. 那么我们怎么在vue中实现这个换皮肤的功能呢? 实现思路我们用vue一般都是写 ...
php 换一换功能,vue换一换功能原型
{{item.name}} {{item.name}} {{item.name}} 换一换 new Vue({ el:'#app', data(){ return{ flag:1, count:1, ...
vue+element如何一键换肤和保存换肤
因为有人问我如何一键换肤,我就随手做个案例,因为随手写的,里面命名就很随意了,但是不影响阅读. 1:assets目录下建立一个theme.scss 代码如下: .black{.alldiv{backg ...
vue 一键换肤换主题
该一键换肤只是定义好几个颜色,并进行简单的切换. 在src下的assets文件下面定义一个css文件夹,在对应的文件里面定义_handle.scss和_themes.scss文件,如下: image. ...
百度换肤JavaScript功能
百度换肤JavaScript功能 CSS-code: <style type="text/css">*{margin: 0;padding: 0;list-style: ...
vue安装和nmp换镜像
vue安装和npm换镜像首先检查nmp -v 和 node -v的版本号安装指定版本npm install -g @vue/cli@版本号 Ps: npm install -g @vue/cli@ ...
php实现换一换功能
public function refresh(){/*换一换功能实现查找前20条数据的id值组成一维数组在一维数组中再进行随机得到10个键名得到含有随机键名的一维数组循环遍历得到含有随机id得 ...
vue中换一换每次换5个
change_data (item) { //每次点击换一批触发这个方法let arr = item.behaviorList//换一换的总数据let page = item.behaviorList ...
vue+element 实现试卷答题功能，单选题 ,多选题，判断题，简答题（2.0版本，2021.3.25更新）
vue+element 实现试卷答题功能,单选题 ,多选题,判断题,简答题(2.0版本,2021.3.25更新) 文章目录 vue+element 实现试卷答题功能,单选题 ,多选题,判断题,简答 ...

vue 实现换一换功能

vue 实现换一换功能相关推荐

最新文章

热门文章

vue 实现 换一换 功能

vue 实现 换一换 功能相关推荐

最新文章

热门文章

vue 实现换一换功能

vue 实现换一换功能相关推荐