uniapp 原生 下拉刷新

1.

pages.json 配置 “enablePullDownRefresh”: true

"pages": [{"path": "pages/index/index","style": {"navigationBarTitleText": "下拉刷新","enablePullDownRefresh": true //下拉刷新配置页面中生效}}
]

2.index页面中

第一种

		//	这生命周期定义，定义数据方法，这样加载就可以下拉恢复上去了onPullDownRefresh() {self.getData();},onShow() {/*获取个人中心数据*/this.getData();},methods: {/*获取数据*/getData() {let self = this;self.isloadding = true;self._get('user.index/detail', {url: self.url}, function(res) {self.detail = res.data.userInfo;});},}

第二种

//下拉刷新-->配合uni.stopPullDownRefresh();
onPullDownRefresh() {this.loadData();
}methods: {//loadData 方法中停止 下拉刷新loadData(){uni.stopPullDownRefresh();}
}

参考

大佬

uniapp 插件 下拉刷新

官网总地址：http://www.mescroll.com/

官网插件市场地址：https://ext.dcloud.net.cn/plugin?id=343

最后

感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！