解决微信小程序数据量过大导致无法渲染页面

2021-01-18 10:01 微信小程序 106 梁俊威

官方文档中 Page.prototype.setData(Object data, Function callback)

setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。

单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。

文档中写的是单次设置,但咋使用过程中发现分批次设置达到这个值也依然无法渲染数据,此时的解决方案,一般就是只显示能渲染的条数,或改成翻页,不能无限加载更多,从此看来,还是不够理想,查了半天没有找到答案,特此把解决方案分享给大家。

废话不多说另两个解决方案

1、onPullDownRefresh

使用onPullDownRefresh上拉刷新(屏幕下往上滑)函数,制作分页分批次加载功能。

// 上拉刷新:从屏幕下方滑上来
onPullDownRefresh:function(){
  
    // 如果需要上拉加载新内容,请使用page变量进行配合
     wx.stopPullDownRefresh();
}

2、官方提供了一个加载更大数据的容器来解决此问题,recycle-view?怎么用就不多说了,我直接附上官方文档,大家快去优化吧。

解决方案recycle-view文档地址:https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/recycle-view.html


若无特殊说明,本站点所有内容均为原创,转载请说明出处!

原文链接:https://www.codelearn.cn/read/101.html 点击复制