微信小程序下拉刷新

4,763 阅读1分钟

Step1:在.json文件设置允许下拉刷新

如果想要设置全局页面允许刷新在app.json文件下编辑,单个页面允许刷新则在相应页面的.json文件编辑:

{
	"enablePullDownRefresh": true
}

Step2:在.js文件中设置刷新事件

同样,如果要设置全局页面刷新在app.js文件下编辑,单个页面刷新则在相应页面的.js文件编辑

onPullDownRefresh: function () {
    wx.showNavigationBarLoading() //启用标题栏显示加载状态
    this.onShow() //调用相关方法
    setTimeout(() => {
      wx.hideNavigationBarLoading() //隐藏标题栏显示加载状态
      wx.stopPullDownRefresh() //结束刷新
    }, 2000); //设置执行时间
  },