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

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('下拉刷新成功')
  },
相关推荐
imperialeast14 小时前
WinAXP 2.4.0.830正式版
小程序·个人开发
CRMEB系统商城15 小时前
鲜花零售的预售与积分营销
开发语言·人工智能·科技·小程序·零售
镭封17 小时前
AI文字转语音能制作多人对白吗?角色分配操作指南
人工智能·小程序·音视频·语音识别·媒体
zhongben_keji17 小时前
批发商城APP怎么做:价格引擎、授信台账与资金合规的设计要点
ios·小程序·web app
2501_9159214320 小时前
iOS 实时日志怎么看?KeyMob 的日志过滤、崩溃报告与符号化
android·ios·小程序·https·uni-app·iphone·webview
小小王app小程序开发20 小时前
教育 AI 小程序玩法开发分析
人工智能·小程序
爱勇宝1 天前
小红花成长更新了:孩子想要什么,也应该有机会自己说出来
微信小程序·产品·小程序·云开发
普通人62 天前
uniapp模版JS
开发语言·javascript·小程序·uni-app·1024程序员节
andrsted2 天前
企业培训时间难统一?练题簿让在线免费刷题与培训考核更好安排
学习·微信小程序·小程序·学习方法·刷题
拖孩2 天前
一个人 + AI 做的小程序,今天,正式回本了
前端·后端·微信小程序