【Uniapp-Vue3】下拉刷新

想要实现下拉刷新功能需要在pages.json中开启刷新的功能:

"enablePullDownRefresh": true

刷新的生命周期:

onPullDownRefresh(()=>{

// 操作

})

我们在刷新之前需要先清空原来的数据,在请求新的数据。

刷新操作是完成了,但是刷新的图标还存在。

所以我们要在请求的时候关闭这个刷新的图标。

uni.stopPullDownRefresh();

相关推荐
q***42822 分钟前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
Dontla36 分钟前
React zustand todos案例(带本地存储localStorage、persist)todoStore.ts
前端·react.js·前端框架
阿珊和她的猫37 分钟前
WebRTC 技术深度解析:实时通信的未来引擎
前端·webpack·node.js·webrtc
silence_xiang40 分钟前
【React】首页悬浮球实现,点击出现悬浮框
前端·javascript·react.js
xiaaaa.z40 分钟前
macos HbuildX 使用cli脚本创建uniapp 运行时报错“cli项目运行依赖本地的Nodejs环境,请先安装并配置到系统环境变量后重试。”
macos·uni-app
隔壁的大叔1 小时前
由于vite版本不一致,导致vue组件引入报错
javascript·vue.js
申阳1 小时前
Day 11:集成百度统计以监控站点流量
前端·后端·程序员
2501_915909061 小时前
深入理解HTTPS和HTTP的区别、工作原理及安全重要性
安全·http·ios·小程序·https·uni-app·iphone
Cache技术分享1 小时前
239. Java 集合 - 通过 Set、SortedSet 和 NavigableSet 扩展 Collection 接口
前端·后端
超级罗伯特1 小时前
大屏自适应,响应式布局,亲测有效
前端·javascript·html·大屏·驾驶舱