vue/uniapp - 返回上一页并onLoad刷新数据_uni.navigateback返回不执行onload

在uni中，返回页面是不会触发onLoad方法的；

如果我们只想在特定情况下返回上一页才需要刷新数据，那么用onShow的话，那刷新就太频繁了；

这时候，可以用$emit和$on去解决。

比如说，从详情页(detail.vue) 回到 列表页(list.vue)：

详情页(detail.vue)：

methods:{
	back() {
		uni.$emit('refreshData');
		uni.navigateBack({
			delta: 1
		})
	}
}
1
2
3
4
5
6
7
8

列表页(list.vue)

onLoad() {
	// 正常进入该页面的获取数据
	this.getData();
	// 从详情页返回该页面的获取数据
	uni.$on('refreshData',() => {
		this.getData();
	})
},
methods:{
	getData() {
		// 请求数据接口
		... ...
	}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

纯手敲，若有误，请指出！