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

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('下拉刷新成功')
  },
相关推荐
毕设源码-钟学长14 小时前
【开题答辩全过程】以 基于微信小程序的蓝鲸旧物回收系统的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
Greg_Zhong15 小时前
小程序中单元测试对比表单测试,及单元测试、表单测试、组件测试的底层实现原理
小程序·单元测试
sheji341615 小时前
【开题答辩全过程】以 基于微信小程序的考研服务平台为例,包含答辩的问题和答案
微信小程序·小程序
2501_9159184115 小时前
WebKit 抓包,WKWebView 请求的完整数据获取方法
android·前端·ios·小程序·uni-app·iphone·webkit
nhc08816 小时前
贵阳纳海川科技·语文刷题考证行业解决方案
科技·小程序·软件开发·小程序开发
AnalogElectronic16 小时前
uniapp学习1,hello world 项目,打包到微信小程序,贪吃蛇小游戏
学习·微信小程序·uni-app
m0_6948455717 小时前
WePY是什么?小程序组件化开发框架实战教程
服务器·docker·小程序·开源·github
人还是要有梦想的2 天前
如何开发微信小程序
微信小程序·小程序·notepad++
inksci2 天前
Js生成安全随机数
前端·微信小程序
azhou的代码园2 天前
基于SpringBoot+微信小程序的图片识别科普系统
spring boot·后端·微信小程序