解决方法-分页渲染数据

//index.js

页面({

数据： {

list: []，

第：页1,

页码： 10

},

在线加载：函数(){

这个。load DATa()；

},

loadData() {

让数据=[];

对于(设I=0；我这个。数据。页码；i ) {

数据。推(1i)这个。数据。第1页)*这个。数据。页码)

}

if (this.data.page==1) {

this.setData({

list: []

})

}

this.setData({

[` list[$ { this。数据。page-1 }]`]: data//分页渲染数据

})

wx.stopPullDownRefresh()

wx.hideLoading()

},

onPullDownRefresh() {

this.setData({

第：页一

})

setTimeout(()={

这个。load DATa()；

},1000)

},

onReachBottom() {

this.setData({

这个。数据。第：页

})

wx.showLoading()

setTimeout(()={

这个。load DATa()；

}, 1000)

}

})

！- index.wxml -

view class='list-box '

view class=' list-page ' wx : for=' { { list } } ' wx : for-item=' pitem ' wx : for-index=' pindex ' wx : key=' { { pindex } } '

view class=' list-item ' wx : for=' { { pitem } } ' wx : key=' { { index } } ' { { item } }/view

/view

/view

/* index.wxss */。列表项{

高度： 200rpx

背景# ddd

显示： flex

对齐-项目：居中；

正义-内容：中心；

边框-底部： 1px实心# fff

}