uniapp小程序给指定的页面新增下拉刷新功能

需求:有些页面需要实时更新数据,但是又不能做实时刷新,所以给用户一个手动下拉刷新指定接口的功能

第一步:在pages.json给页面加"enablePullDownRefresh": true配置

第二步:在指定页面写onPullDownRefresh方法,和methods同级

复制代码
onPullDownRefresh() {
    //加个定时器1秒后关闭刷新
    setTimeout(() => {
	    uni.stopPullDownRefresh();
	}, 1000);
	//下拉刷新重新调用接口
	this.getAreaeatil()
},

然后就没有然后了!

相关推荐
博、、2 小时前
折扣卡CPS系统源码实战开发指南:从架构设计到落地部署全解析
小程序·需求分析
bug总结2 小时前
uniapp的easycom自动组件注册机制
uni-app
HF_code3 小时前
uniapp-history路由深度指南
uni-app
lhldsg5 小时前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序
suliqiang5 小时前
【前端技术】 Web 前端技术36年 演进全景图
信息可视化·微信小程序·小程序·前端框架·uni-app·人机交互·xcode
weixin_4935036719 小时前
商会小程序附件上传:分片上传 + OSS 直传完整实现(Vue3 + 阿里云 OSS 实战)
阿里云·小程序·云计算
优度网20 小时前
微信小程序主体变更公证书线上办理流程与业务交接风险规避方法浅析(2026)
小程序
m0_587383001 天前
外卖CPS系统开发实战:从架构设计到运营落地全指南
java·spring·小程序·架构·需求分析
梦曦i1 天前
uni-router v0.2.0重磅发布:全链路拦截+重复导航优化
前端·uni-app
EatFan1 天前
【实战经验】uni-app使用 SSE 踩坑,EventSource不支持怎么办?
android·后端·ios·uni-app