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

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('下拉刷新成功')
  },
相关推荐
Soujer3 分钟前
支持微信4.0的小程序注入调试工具(WMPFDebugger)
微信·小程序
2501_915909063 分钟前
React Native 上架 App Store:项目运行与审核构建的流程
android·ios·小程序·https·uni-app·iphone·webview
李庆政37020 分钟前
uniapp+unicloud打包部署微信小程序
微信小程序·小程序·uni-app
Swift社区30 分钟前
鸿蒙游戏和小程序游戏的本质区别
游戏·小程序·harmonyos
2501_9160074710 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
一匹电信狗13 小时前
【Linux我做主】进程程序替换和exec函数族
linux·运维·服务器·c++·ubuntu·小程序·开源
woshinon20 小时前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app
hashiqimiya20 小时前
微信小程序---textarea组件布局
微信小程序·小程序
Можно1 天前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
2501_915106321 天前
iOS 多技术栈混淆实现,跨平台 App 混淆拆解与组合
android·ios·小程序·https·uni-app·iphone·webview