微信小程序可以通過使用onPullDownRefresh
和onReachBottom
兩個方法來實現下拉刷新和上拉加載更多的功能。
onPullDownRefresh
方法中,可以調用數據請求函數,然后在請求成功后調用wx.stopPullDownRefresh()
來停止下拉刷新的動畫。示例代碼:
Page({
onPullDownRefresh: function () {
// 下拉刷新時重新請求數據
fetchData()
.then(() => {
// 請求成功后停止下拉刷新動畫
wx.stopPullDownRefresh()
})
}
})
onReachBottom
方法中,可以調用加載更多數據的函數,然后在請求成功后將新數據追加到已有數據列表中。示例代碼:
Page({
data: {
dataList: []
},
onReachBottom: function () {
// 上拉加載更多數據
fetchMoreData()
.then((newData) => {
// 請求成功后將新數據追加到已有數據列表中
this.setData({
dataList: this.data.dataList.concat(newData)
})
})
}
})
通過以上方法,就可以實現在微信小程序中實現下拉刷新和上拉加載更多的功能。