微信小程序setData大小上限的问题

微信小程序中当setdata超过其大小时,会以上报错,查阅了一下文档,现在更新的这版没有看到setdata有限制其大小,但之前微信开发者文档中有明确标注大小不能超过1024KB~所以在分类列表页面其实要注意的是渲染列表的商品尽量使用二维数组而不是一维数组

常规写法:一维数组

data:{
  // 数据源
  list:[]
},

getListData:function(){
  // 本次加载的数据
  let _list = [];
  ...
  setData({
       // 将之前的数据与本次加载的数据合并后,一起提交
       list: this.data.list.concat(_list)
  });
}

优化的写法:二维数组

data:{
  // 数据源
  list:[],
  pageNum :1
},

getListData:function(){
   // 本次加载的数据
   if (this.data.pageNum == 1) {
      this.setData({
        list: []
      })
   }
   this.setData({
      ['list[' + (this.data.pageNum - 1) + ']']: res.data.list
   })        
}

关键点在于setdata的这块的写法~这边使用pageNum作为key值每次我们是指放了res.data.list中的数据而不是一整个!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值