【Uniapp-Vue3】下拉刷新

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

"enablePullDownRefresh": true

刷新的生命周期:

onPullDownRefresh(()=>{

// 操作

})

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

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

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

uni.stopPullDownRefresh();

相关推荐
ByteCraze21 分钟前
Vue 递归组件实战:手写一个文件/文件夹树形组件
javascript·vue.js·ecmascript
前端Hardy31 分钟前
前端如何防止用户重复提交表单?4 种可靠方案(附防坑指南)
前端·javascript·面试
前端Hardy31 分钟前
用户真的关掉页面了吗?前端精准检测页面卸载的 4 种方法(附避坑指南)
前端·javascript·面试
yangyanping2010841 分钟前
Vue入门到精通七之关键字const
前端·javascript·vue.js
姝然_95271 小时前
Jetpack Compose 绘制流程与自定义布局
前端
姝然_95271 小时前
Jetpack Compose Brush 渐变
前端
阿鑫_9961 小时前
通用-ESLint+Prettier基础知识
前端·后端
ai超级个体1 小时前
金三银四,一个面试官连连夸赞的个人网页技术分享
前端·面试·three.js·threejs·网页设计·网页灵感·网页分享
Oneslide1 小时前
块级元素竖向堆叠且宽度默认会撑满其父容器的可用宽度
前端
i建模1 小时前
npm使用大全
前端·npm·node.js