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

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('下拉刷新成功')
  },
相关推荐
tuanyuan99o3 小时前
2026商城小程序的安全怎么保障?防止黑客攻击和数据泄露
安全·小程序
facetarzan8 小时前
微信小程序文件下载
小程序·文件预览·文件下载
aiguangyuan8 小时前
微信小程序服务商
微信小程序·前端开发
一支帆8 小时前
微信小程序-情侣点餐
java·微信小程序·情侣点餐
Slow菜鸟8 小时前
AI开发-微信小程序(全流程提示词)
人工智能·微信小程序
橘子海全栈攻城狮8 小时前
【最新源码】鸟博士微信小程序 023
spring boot·后端·web安全·微信小程序·小程序
Yuujs8 小时前
微信小程序反编译保姆级教程
微信小程序·小程序
m0_647057968 小时前
微信小程序同声传译(WechatSI)通用接入教程
微信小程序·小程序·notepad++
kkk哥8 小时前
weixin121作品集展示微信小程序
java·mysql·微信小程序·ssm·b/s架构·作品集展示微信小程序
QQ_5110082858 小时前
uniapp微信小程序网上饰品商城售卖系统php python物流
微信小程序·uni-app·php