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

如果能够帮到您,烦请给个赞或者评论,不甚感谢。

下拉刷新

    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() 
发布了14 篇原创文章 · 获赞 1 · 访问量 1322

猜你喜欢

转载自blog.csdn.net/LiXiaolian_xg/article/details/100739530