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

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('下拉刷新成功')
  },
相关推荐
编程迪15 小时前
基于SpringBoot开发的预约停车系统共享停车位小程序app
小程序·停车场小程序·预约停车·错峰出行·共享车位app
云起SAAS15 小时前
早晚安打卡签到小程序完整源码 | 三级分销+红包广告+PC后台 | 商业级系统
小程序
职豚求职小程序15 小时前
浙商银行笔试题库小程序练习2026新版题库
小程序
Kingexpand_com15 小时前
旅游小程序选型指南:模板与定制开发全解析
小程序·旅游·软件开发·小程序开发·旅游小程序·旅行·定制开发
克里斯蒂亚诺更新15 小时前
微信小程序引入vant weapp,button宽度100%
微信小程序·小程序
一品威客网15 小时前
租车小程序 APP 版本开发 全端适配高效用车体验一站式搭建
小程序
nhc0881 天前
贵阳纳海川·花卉游戏行业解决方案
人工智能·游戏·微信小程序·软件开发·小程序开发
MaCa .BaKa1 天前
44-校园二手交易系统(小程序)
java·spring boot·mysql·小程序·maven·intellij-idea·mybatis
普通人61 天前
微信小程序又双叒叕改获取头像昵称的接口了
微信小程序·小程序·notepad++
于先生吖2 天前
高并发稳定运营,JAVA 动漫短剧小程序 + H5 源码
java·开发语言·小程序