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

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

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

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

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

然后就没有然后了!

相关推荐
梦曦i4 小时前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去6 小时前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
PedroQue997 小时前
uni-router:uni-app路由管理新选择
前端·uni-app
这是个栗子8 小时前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
TuCoder10 小时前
景区导览小程序功能选型指南:刚需配置、增值功能与技术避坑要点
小程序
中犇科技12 小时前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app
扁豆的主人12 小时前
Uniapp如何构建和部署
uni-app
小羊Yveesss13 小时前
2026年知识付费小程序多少钱一个?
小程序
hhzz13 小时前
Uniapp项目中解决一个比较典型的图标渲染问题:原生 tabBar(pages.json 里配置的那种)
uni-app·json
一只皮卡皮卡丘13 小时前
微信小程序tab页苹果显示安卓不显示的问题
微信小程序·小程序