微信小程序-实现换一换，刷新列表数据

效果：

解决思路：

在数据允许范围内，选取四个随机数，然后对数据列表字段重新赋值。

实现：

1)在一次请求接口拿到列表所有数据时，把列表原始数据存储起来。

2）数据格式如下：

[{
ActType:"协会活动"
Act_Title:"烟花协会"
Act_id:"3636445707881152512"
ItemType:"1"
LOGOURL:"../upload/clubs/20190410161650_9dbda401-4b23-4d49-b5a6-aacd1ad08e00.png"
Plorder:0
Price:"100.00"
Title:""
},
{
ActType:"协会活动"
Act_Title:"文艺交流晚会"
Act_id:"3636445707881152512"
ItemType:"1"
LOGOURL:"../upload/clubs/20190410161650_9dbda401-4b23-4d49-b5a6-aacd1ad08e00.png"
Plorder:0
Price:"100.00"
Title:""
}
]

3）点击换一换，调用下面方法即可

  chooseEvent: function () {let maxNum = this.data.recomendEventRedis.length  //计算数据长度let r1 = parseInt(Math.random() * (maxNum - 0) + 0); //取【0-数据长度】内的整数随机数let r2 = parseInt(Math.random() * (maxNum - 0) + 0);let r3 = parseInt(Math.random() * (maxNum - 0) + 0);let r4 = parseInt(Math.random() * (maxNum - 0) + 0); //务必先清空列表数据this.setData({recomendEvent: []})//重新取四组数据this.data.recomendEvent.push(this.data.recomendEventRedis[r1])this.data.recomendEvent.push(this.data.recomendEventRedis[r2])this.data.recomendEvent.push(this.data.recomendEventRedis[r3])this.data.recomendEvent.push(this.data.recomendEventRedis[r4])//重新赋值this.setData({recomendEvent: this.data.recomendEvent})},

微信小程序-实现换一换，刷新列表数据相关推荐

微信小程序----返回上一页刷新或当前页刷新
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 在onShow中执行this.onLoad(),会导致页面第一次加载的时候数组 ...
微信小程序（第二十四章）- 数据交互前置
微信小程序(第二十四章)- 数据交互前置讲解微信小程序前置的原因参考文档理解微信小程序小程序简介作用提问针对提问--uni-app介绍小程序和普通网页开发的区别小程序代码构成文件个 ...
微信小程序开发：学习笔记[9]——本地数据缓存
微信小程序开发:学习笔记[9]--本地数据缓存快速开始说明本地数据缓存是小程序存储在当前设备上硬盘上的数据,本地数据缓存有非常多的用途,我们可以利用本地数据缓存来存储用户在小程序上产生的操作,在 ...
后台接收数组_微信小程序如何与后台api接口进行数据交互（微信报修小程序源码讲解七）...
完成用户授权登录逻辑后,接下来的开发工作大部分都是与后台 api 接口的交互,本节我们详细讲解一下小程序如何与 api 进行交互 . 小程序如何发送 http/https 请求到后台? 小程序请求 h ...
微信小程序开发工具能正常请求后台数据，手机预览请求失败
微信小程序开发工具能正常请求后台数据,手机预览请求失败问题描述微信开发者工具调试完想用手机预览效果,结果发现凡是后台请求都失败. 原因分析可能的原因有三个: 微信开发者工具详情里的本地设置,没有 ...
微信小程序父组件向子组件传递数据
@微信小程序父组件向子组件传递数据具体步骤如下首先使用微信开发者工具创建两个页面,父页面(即父组件)名为index,子页面(即子组件)名为Search. 先在index.js中定义一个名为sour ...
微信小程序：block制作动态商品列表
微信小程序:block制作动态商品列表在制作微信小程序时,我们往往会碰到需要动态生成列表的情况,本文便是以常见的商品列表为例来学习如何利用block制作动态商品列表. 运行截图实现代码 js: P ...
微信小程序读取nfc获取Ndef写入的数据
微信小程序读取nfc获取Ndef写入的数据文章目录 1.新建一个utils工具类里面新建utils.js文件 2.在add.json里面新建页面 3.代码如下(示例):nfc.wxml 4.代码如下 ...
解决微信小程序云开发模式无法获取数据库数据问题
解决微信小程序云开发模式无法获取数据库数据问题问题: 在数据库有两条数据,获取数据时输出窗口没有任何反应错误原因: 检查数据库名字是否对应检查你是否有多个云开发环境如果有多个云开发环境,就需要 ...
php7 mysql json 小程序_微信小程序php传递post请求发送json数据以获取小程序码
困扰了两天的问题终于解决了! 用php传递post请求,发送json数据到微信小程序提供的接口,以此获得微信小程序码,下面是代码展示:<?php //需要传递的json数据 //能传递的参数,详 ...

微信小程序-实现换一换，刷新列表数据

微信小程序-实现换一换，刷新列表数据相关推荐

最新文章

热门文章