自定义了tabbar， 有两个页面，想把两个页面组件化 根据点击相应的tabbar显示相应的页面， 这组件化的页面如何添加下拉刷新，组件生命周期 create 方法里加了uni.startPullDownRefresh() 不生效
8***@qq.com
- 发布：2020-03-26 17:39
- 更新：2020-04-29 16:27
- 阅读：2932
uniapp 组件化页面里面如何添加下拉刷新
分类：uni-app
j***@gfarmsh.com - 一个在代码路上慢慢爬行的蜗牛
我是定义了一个actionType 当tabChange方法执行的时候 改变actionType为refresh，就相当于刷新一次，单是后续代码要判断下actionType 防止点击重复tab的时候重复加载数据。
下拉刷新uni.startPullDownRefresh是有效的 ，我卸载onLoad里面
onLoad(option) {
var that = this;
that.params = Object.assign(that.params, option);
// that.params = Object.assign(that.params, option);
uni.getSystemInfo({ //获取设备信息
success: (res) => {
that.screenHeight = res.screenHeight;
that.platform = res.platform;
}
});
uni.startPullDownRefresh();
that.loadData();
},
onPullDownRefresh() { //监听下拉刷新动作
// 这里获取数据
setTimeout(function() {
//初始化数据
uni.stopPullDownRefresh(); //停止下拉刷新
}, 1000);
},
8***@qq.com (作者)
我没有用uniapp自己的下拉刷新，在插件市场找了个插件 https://ext.dcloud.net.cn/plugin?id=677， 直接用这个解决的 可以试试
2020-05-06 17:19