setData数据量过大导致小程序卡顿

setData数据量过大导致小程序卡顿
最新回答
一口醉

2022-09-24 23:59:52

在小程序开发中,setData方法是常用于页面更新的重要手段,但其并非无限制。当使用setData设置的数据量超过单次1024kb的限制时,就会导致页面卡顿,出现错误信息。特别是处理大量数据的列表页面,如上拉加载更多时,一次性合并所有数据并提交,会增加出现此问题的风险。

为解决这个问题,我们建议调整数据结构。常规的列表数据结构是一维数组,每个元素代表一个item:[{...},{...},{...},...]。然而,为避免数据过大引起的卡顿,可以采用改进方案,将list转换为二维数组。每个子数组表示一页的item集合,内部每个元素才是单个item数据:[[{...},{...},{...}],[{...},{...},{...}],[{...},{...},{...}],...]。这样,需要更新wxml中的列表结构以适应新的数据格式,以减少一次性加载的数据量,从而避免页面性能问题。