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

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

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

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

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

然后就没有然后了!

相关推荐
2501_933907214 小时前
宁波小程序开发服务与技术团队专业支持
科技·微信小程序·小程序
sheji341613 小时前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序
const_qiu15 小时前
微信小程序自动化测试100%通过率实践
微信小程序·小程序
Greg_Zhong19 小时前
小程序中登出/切换/重置页面状态的使用
小程序
你的眼睛會笑19 小时前
uni-app 实战:使用 lime-painter 实现页面内容一键生成海报并下载
uni-app
一字白首19 小时前
微信小程序进阶实战:从 UI 组件库到全局状态管理全解DAY05
ui·微信小程序·小程序
一只程序熊19 小时前
uniapp 高德地图 打开选择地址报错,也没有展示出附近的位置
android·uni-app
土土哥V_araolin2 天前
双迪大健康新零售系统开发要点
小程序·个人开发·零售
2501_915909062 天前
不用越狱就看不到 iOS App 内部文件?使用 Keymob 查看和导出应用数据目录
android·ios·小程序·https·uni-app·iphone·webview
万物得其道者成2 天前
uni-app Android 离线打包:多环境(prod/dev)配置
android·opencv·uni-app