uniapp跳转页面传递参数
时间: 2023-11-29 17:45:36 浏览: 87
uniapp跳转页面传递参数有两种方式:
1. 上级页面使用events,利用下级页面向上级页面传递数据的变量名获取传递的参数。
上级页面代码示例:
```javascript
preserveRevise(){
uni.navigateTo({
url:'/pages/addressMange/addressMange?id=1',
events:{
//获取下级页面传递回来的参数
sonPageData:data=>{
console.log(data);
}
}
})
}
```
下级页面代码示例:
```javascript
onLoad(e){
console.log(e.id);
this.getOpenerEventChannel().emit('sonPageData',"我是第二个页面传递回来的数据")
}
```
2. 下级页面利用this.getOpenerEventChannel().emit向上级页面传递参数的变量名和变量值。
上级页面代码示例:
```javascript
preserveRevise(){
uni.navigateTo({
url:'/pages/addressMange/addressMange?id=1',
})
}
```
下级页面代码示例:
```javascript
onLoad(e){
console.log(e.id);
this.getOpenerEventChannel().emit('sonPageData',"我是第二个页面传递回来的数据")
}
```
阅读全文