0%

微信小程序长列表加载性能优化

问题描述

微信小程序中,解决滑动到底部加载长列表数据的性能优化问题。

方法实现
1
2
3
4
5
6
7
8
9
10
11
12
data: {
listData: []
},
onReachBottom() { //上拉加载
// 通过长度获取下一次渲染的索引
let index = this.data.listData.length
let newData = {} //新变更数据
Api.getNews().forEach((item) => {
newData['listData[' + (index++) + ']'] = item //赋值,索引递增
})
this.setData(newData) //增量数据,发送数据到视图层
}