微信小程序下拉刷新

最新推荐文章于 2023-05-05 15:34:01 发布

smrtLee

最新推荐文章于 2023-05-05 15:34:01 发布

阅读量101

点赞数

分类专栏：小程序开发文章标签：小程序 js

本文链接：https://blog.csdn.net/qq_40839751/article/details/108094727

版权

小程序开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

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

{
	"enablePullDownRefresh": true
}

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

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

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