【Uniapp-Vue3】下拉刷新

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

"enablePullDownRefresh": true

刷新的生命周期:

onPullDownRefresh(()=>{

// 操作

})

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

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

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

uni.stopPullDownRefresh();

相关推荐
HIT_Weston13 小时前
44、【Ubuntu】【Gitlab】拉出内网 Web 服务:http.server 分析(一)
前端·ubuntu·gitlab
脾气有点小暴14 小时前
uniapp滚动容器冲突
uni-app
华仔啊14 小时前
Vue3 如何实现图片懒加载?其实一个 Intersection Observer 就搞定了
前端·vue.js
JamesGosling66614 小时前
深入理解内容安全策略(CSP):原理、作用与实践指南
前端·浏览器
不要想太多14 小时前
前端进阶系列之《浏览器渲染原理》
前端
七喜小伙儿14 小时前
第2节:趣谈FreeRTOS--打工人的日常
前端
我叫张小白。15 小时前
Vue3 响应式数据:让数据拥有“生命力“
前端·javascript·vue.js·vue3
laocooon52385788615 小时前
vue3 本文实现了一个Vue3折叠面板组件
开发语言·前端·javascript
IT_陈寒15 小时前
React 18并发渲染实战:5个核心API让你的应用性能飙升50%
前端·人工智能·后端
科普瑞传感仪器15 小时前
从轴孔装配到屏幕贴合:六维力感知的机器人柔性对位应用详解
前端·javascript·数据库·人工智能·机器人·自动化·无人机