uniapp下拉刷新
目录
- uniapp 原生 下拉刷新
- 1.
- 2.index页面中
- 第一种
- 第二种
- 参考
- uniapp 插件 下拉刷新
- 最后
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
最后
感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!