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

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

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

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

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

然后就没有然后了!

相关推荐
paopaokaka_luck1 小时前
基于SpringBoot+Uniapp的健身饮食小程序(协同过滤算法、地图组件)
前端·javascript·vue.js·spring boot·后端·小程序·uni-app
前端程序猿-秦祥1 小时前
uniapp拦截返回事件
uni-app
雪芽蓝域zzs4 小时前
uniapp input 如何只读禁用输入可点击
uni-app
xw57 小时前
uni-app项目跑APP报useStore报错
前端·uni-app
!win !7 小时前
uni-app项目跑APP报useStore报错
前端·uni-app
iOS阿玮13 小时前
为什么独立开发者都在AppStore而不去安卓市场?
uni-app·app·apple
xiaohe060118 小时前
🪀 Uni ECharts:也许是 uni-app 中使用 ECharts 最优雅的解决方案
uni-app
老华带你飞19 小时前
口腔助手|口腔挂号预约小程序|基于微信小程序的口腔门诊预约系统的设计与实现(源码+数据库+文档)
java·数据库·微信小程序·小程序·论文·毕设·口腔小程序
尸僵打怪兽19 小时前
HBuilder X打包发布微信小程序
微信小程序·小程序·打包·hbuilder x
陈不知代码1 天前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass