[微信小程序]下拉刷新上拉加载更多

来源:互联网 发布:删除数据库表中的数据 编辑:程序博客网 时间:2024/06/06 04:34

下拉刷新第一步

需要在app.json里面的window下配置  "enablePullDownRefresh": true;   如图:


下拉刷新第二步

在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。

  • 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
onPullDownRefresh() {      wx.showNavigationBarLoading() //在标题栏中显示加载      this.loadData(onPullDownRefresh)  //这个方法是加载数据      }, 
loadData: function (onPullDownRefresh){
util.request(url, 'get', '', '正在加载数据', function (res) {
//数据加载成功以后做if判断 if (onPullDownRefresh){ wx.hideNavigationBarLoading() //完成停止加载 wx.stopPullDownRefresh() //停止下拉刷新 }
   }},

bindDownLoad(){}  //页面滑动到底部的方法




原创粉丝点击