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

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

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

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

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

然后就没有然后了!

相关推荐
公子艾1 小时前
uniapp设置tabBar高斯模糊并设置tabBar高度占位
uni-app
晓风伴月3 小时前
uniapp: IOS微信小程序输入框部分被软键盘遮挡问题
微信小程序·小程序·uni-app
转角羊儿3 小时前
uni-app文章列表制作⑧
前端·javascript·uni-app
糊涂涂是个小盆友4 小时前
前端 - 使用uniapp+vue搭建前端项目(app端)
前端·vue.js·uni-app
计算机-秋大田4 小时前
基于微信小程序的乡村研学游平台设计与实现,LW+源码+讲解
java·spring boot·微信小程序·小程序·vue
阿巴阿巴Ovo5 小时前
uniapp中多角色导致tabbar过多的解决方式
uni-app
小马哥编程7 小时前
【微信小程序】报修管理
微信小程序·小程序
Json____8 小时前
学法减分交管12123模拟练习小程序源码前端和后端和搭建教程
前端·后端·学习·小程序·uni-app·学法减分·驾考题库
云深时现月9 小时前
jenkins使用cli发行uni-app到h5
前端·uni-app·jenkins
前端(从入门到入土)9 小时前
微信小程序自定义顶部导航栏(适配各种机型)
微信小程序·小程序