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

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

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

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

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

然后就没有然后了!

相关推荐
shimmer0083 小时前
抖音小程序登录(前端通过tt.login获取code换取openId)
前端·小程序·状态模式
潜意识起点5 小时前
微信小程序 app.json 配置文件解析与应用
微信小程序·小程序·json
计算机徐师兄13 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云13 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
说私域13 小时前
私域电商逆袭密码:AI 智能名片小程序与商城系统如何梦幻联动
人工智能·小程序
孙 悟 空19 小时前
uni-app:监听页面返回,禁用返回操作
前端·javascript·uni-app
说私域1 天前
无人零售及开源 AI 智能名片 S2B2C 商城小程序的深度剖析
人工智能·小程序·零售
mosen8681 天前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
lyz2468591 天前
uniapp popup弹窗组件的自定义使用方法
uni-app
沙尘暴炒饭1 天前
uniapp 前端解决精度丢失的问题 (后端返回分布式id)
前端·uni-app