uniapp跳转页面传参数
时间: 2023-08-29 08:10:52 浏览: 44
在uniapp中,可以通过在跳转页面时使用url参数来传递数据。以下是一个简单的例子:
```
//在A页面中跳转到B页面,并传递参数
uni.navigateTo({
url: '/pages/B/B?id=123&name=uniapp'
})
//在B页面中获取传递的参数
export default {
onLoad(options) {
console.log(options.id) //输出123
console.log(options.name) //输出uniapp
}
}
```
在跳转时,可以在url中添加参数,通过?key=value的形式传递。在接收方页面中,可以通过onLoad方法中的options参数获取传递的参数值。
相关问题
uniapp页面跳转传参数
在uniapp中,可以通过URL参数来进行页面跳转传递参数。一种常用的方法是使用uni.navigateTo函数,其中的url参数可以包含需要传递的数据。例如,可以使用以下代码进行页面跳转传参:
```javascript
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});
```
在上述代码中,通过url参数传递了id和name两个参数,它们的值分别为1和uniapp。在接收页面的onLoad函数中,可以通过参数option来接收传递的参数,并通过option.id和option.name来获取具体的值。例如:
```javascript
onLoad: function (option) {
console.log(option.id); // 输出1
console.log(option.name); // 输出uniapp
}
```
通过这种方式,可以在不同页面之间传递参数并在接收页面中进行处理和使用。
uniapp跳转页面传递参数
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',"我是第二个页面传递回来的数据")
}
```