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

最新推荐文章于 2024-06-01 20:31:27 发布

原创

最新推荐文章于 2024-06-01 20:31:27 发布 · 4.2k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#换一换

本文介绍如何在微信小程序中实现‘换一换’功能，通过选取随机数来更新列表数据。首先存储接口获取的原始列表，然后在用户点击‘换一换’时，对列表字段进行重新随机赋值，达到刷新列表的效果。

效果：

解决思路：

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

实现：

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 = p