小程序如何避免setData的列表數據過大

按照分頁的習慣，一般來說會把每一頁請求的數據合並到上一次的數據中。就像這樣

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的大小。