微信小程序:上拉加載/下拉刷新/禁止下拉/正在加載/取消加載/取消下拉

上拉加載/下拉刷新/禁止下拉/正在加載/取消加載/取消下拉  

如何去整理

代碼如下
下拉刷新

 

 


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() 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章