vue/uniapp - 返回上一页并刷新页面数据（小程序也可用）_vue返回上一页怎么实时刷新

 我这里的需求是在消息详情中，完成处理后返回消息列表并更新它

a、详情页：在处理完成事件里使用uni.$emit(eventName,OBJECT)：触发全局的自定义事件。附加参数都会传给监听器回调。

uni.$emit('refreshData',{refresh: true});
uni.navigateBack({
	delta: 1
})

b、列表页：在onShow里使用uni.$on(eventName,callback)：监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数

onShow() {
	uni.$on('refreshData',(res) => {
	    if(res.refresh){
          //更新数据
		  this.getMessageInfo()
	    }
	})
},

 呐~呐~呐，这样就可以了，小小记录一下

参考：

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

页面 | uni-app官网 (dcloud.net.cn)