上拉加載/下拉刷新/禁止下拉/正在加載/取消加載/取消下拉
如何去整理
代碼如下
下拉刷新
onPullDownRefresh: function () { //小程序自帶的上拉下拉方法
listPage=1; //將頁數還原到第一頁
this.setData({
detailsList: [] //將 列表清空
})
this.getList(); //運行列表方法 在列表方法請求完成後加上 wx.stopPullDownRefresh() 清除加載
},
上拉加載
onReachBottom: function () { //小程序自帶的上拉下拉方法
var that=this
if (count > 30 * listPage){ //這個是下一頁是否有值
listPage = listPage+1
that.getList();
}
//count 是列表總數
//30 是一頁我顯示30條數據
//*listPage 乘第幾頁 比如第一頁listPage ==1
},
禁止下拉
在當前頁面的json文件下加上
```
"disableScroll": true
```
//正在加載 放在要顯示的列表函數裏
wx.showLoading({
title: '正在加載',
})
//取消加載/取消下拉 都可放在請求事件完成後
wx.hideLoading()
wx.stopPullDownRefresh()