uniapp页面跳转带参数
时间: 2023-12-09 08:36:28 浏览: 75
页面跳转
在uniapp中,可以使用`uni.navigateTo`方法进行页面跳转,并且可以通过url参数传递数据。具体步骤如下:
1. 在起始页面中使用`uni.navigateTo`方法跳转到目标页面,并在url中添加参数,例如:
```javascript
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});
```
2. 在目标页面的`onLoad`生命周期函数中,通过`option`参数获取传递的参数,并进行解析,例如:
```javascript
onLoad(option) {
const id = option.id;
const name = option.name;
console.log(id, name);
}
```
注意:由于url中的参数是以字符串形式传递的,因此需要进行解析,可以使用`JSON.parse`和`decodeURIComponent`方法进行解析。
完整代码如下:
```javascript
// 起始页面
uni.navigateTo({
url: 'test?id=1&name=uniapp'
});
// 目标页面
onLoad(option) {
const id = option.id;
const name = option.name;
console.log(id, name);
}
```
阅读全文