按照分页的习惯,一般来说会把每一页请求的数据合并到上一次的数据中。就像这样
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的大小。