微信小程序如何实现下拉刷新

1.首先在你需要实现下拉刷新页面的json文件中写入"enablePullDownRefresh": true。

2.在js文件的onPullDownRefresh() 事件中实现下拉刷新。

实现代码

复制代码
onPullDownRefresh() {
      console.log('开始下拉刷新')
      wx.showNavigationBarLoading()//在标题栏中显示加载图标
      this.data.currentPage = 1
      this.data.dataList = []  //dataList为获取到的列表数组,自行替换
      this.explains()
      //重新获取列表页
      setTimeout(() => {
        wx.hideNavigationBarLoading();//完成停止加载
        wx.stopPullDownRefresh(); //得到数据后停止下拉刷新
      }, 400)
      console.log('下拉刷新成功')
  },
相关推荐
杰建云1678 小时前
微信小程序自制全流程实测与避坑指南
微信小程序·小程序
小羊Yveesss9 小时前
2026年商城小程序需要多少成本?
小程序
智慧景区与市集主理人10 小时前
巨有科技市集小程序精准匹配摊主与业态,解锁市集增收新可能
科技·小程序
kyh100338112010 小时前
微信小程序 聚合摇骰喝酒工具 完整实现(含源码)
微信小程序·小程序·摇骰子小游戏
博客zhu虎康11 小时前
小程序按钮实现先表单校验再走手机号获取功能
android·javascript·小程序
Greg_Zhong11 小时前
微信小程序中实现自定义圆形进度条
微信小程序·自定义圆形进度条
万象资讯11 小时前
2026实测|订货小程序哪个平台支持快速部署?
小程序
码云社区11 小时前
JAVA同城上门做饭系统家政上门同城服务系统源码小程序+APP+公众号+h5
java·开发语言·小程序
好赞科技11 小时前
2026年五大精选微信小程序,革新效率体验提升智能生活品质
大数据·微信小程序
杰建云16712 小时前
小程序从零搭建全流程实战指南
开发语言·小程序·php