Featured image of post uniapp返回上一页携带参数

uniapp返回上一页携带参数

默认uniapp在navigateBack是不支持携带参数的

其他方式返回页面会造成页面刷新

所以使用

1
uni.$emit、uni.$on、uni.$off 

进行传参

注:是uniapp封装的页面通讯的方法,常用于跨页面、跨组件通讯

子页面

1
2
3
var params={"id":id}
uni.$emit('custom', params);
uni.navigateBack() 

父页面在onshow中添加

1
2
3
4
uni.$on('refresh', e => {
	 uni.$off('custom')
     console.log(e);   //子页面传回的参数
})

custom为自定义的名称 子父页面需要一致

使用 Hugo 构建
主题 StackJimmy 设计