首页 > 微信 > 详细

小程序如何避免setData的列表数据过大

时间:2019-03-27 13:38:04      阅读:287      评论:0      收藏:0      [点我收藏+]

按照分页的习惯,一般来说会把每一页请求的数据合并到上一次的数据中。就像这样

this.setData({
 categoryShopsList:this.data.categoryShopsList.concat(res.data.data.list)
})

对于小规模数据这样是非常方便快捷的。

那没问题来了,setdata官方建议的数据大小限制在1024kb,对于商品列表数据超过上千那种,最后concat在一起同时setdata 就会报错,数据量太大,影响内存消耗,渲染慢

这是需要避免和解决的问题

主要思想使用的是二维数组的方式去存储列表,

let Length = this.data.categoryShopsList.length;
that.setData({
    [‘categoryShopsList[‘ + Length + ‘]‘]: res.data.data.list,
})

res.data.data.list 每一页请求过来的数据,存贮到对应的二维数组的对应的项中。

页面上上就需要两层遍历

<block wx:for="{{categoryShopsList}}" wx:for-item="listItem" wx:key="{{listItem}}">
     <view wx:for="{{listItem}}" wx:key="{{item}}" >
          ......................

这样每次在拿到下一页的数据时,只会setdata每次插入的数据。大大减少了setdata的大小。

 

小程序如何避免setData的列表数据过大

原文:https://www.cnblogs.com/xuhuang/p/10606499.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!