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

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

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

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

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

然后就没有然后了!

相关推荐
hnxaoli1 小时前
统信小程序(十三)循环键鼠操作程序
python·小程序
i查拉图斯特拉如是2 小时前
使用workbuddy 30分钟搭建微信小程序
微信小程序·小程序
2501_916008894 小时前
Mac 上生成 AppStoreInfo.plist 文件,App Store 上架
android·macos·ios·小程序·uni-app·iphone·webview
__zRainy__5 小时前
uni-app 全局容器实战系列(四):全局容器动态调用设计
uni-app
咖啡の猫6 小时前
小程序协同工作和发布
小程序
维双云7 小时前
小程序怎么制作工具?与其盲目找开发,不如先分清自己要哪一种
小程序
qq_9109462927 小时前
校园共享电动车租赁小程序
小程序
侃谈科技圈7 小时前
5G网络仿真软件哪个更高效?Ranplan两款核心产品深度解析
小程序
小羊Yveesss7 小时前
微信小程序年度费用全拆解:SaaS、开源与定制开发的3年成本实测对比
微信小程序·小程序·开源
2501_916007471 天前
iOS开发中抓取HTTPS请求的完整解决方法与步骤详解
android·网络协议·ios·小程序·https·uni-app·iphone