uniapp带参数跳转
时间: 2023-08-03 18:07:40 浏览: 89
uniapp实现可滑动选项卡
在 uniapp 中,可以使用 `uni.navigateTo()` 方法带参数跳转到目标页面。步骤如下:
1. 在原页面中使用 `uni.navigateTo()` 方法跳转到目标页面,并通过 `query` 参数传递参数。例如:
```
uni.navigateTo({
url: '/pages/target/target?name=' + encodeURIComponent(name) + '&age=' + age
});
```
在上面的代码中,我们使用 `encodeURIComponent()` 对参数进行编码,以避免传递的参数中包含特殊字符导致跳转失败。
2. 在目标页面的 `onLoad()` 中获取传递的参数,并进行相应的处理。例如:
```
onLoad(options) {
let name = decodeURIComponent(options.name);
let age = parseInt(options.age);
// TODO: 进行相应的处理
}
```
在上面的代码中,我们使用 `decodeURIComponent()` 对传递的参数进行解码,并使用 `parseInt()` 将 `age` 参数转换为整型。
需要注意的是,如果需要传递多个参数,可以在 URL 中使用 `&` 符号进行连接。如果需要传递的参数较多,可以考虑使用对象进行传递,例如:
```
uni.navigateTo({
url: '/pages/target/target',
query: {
name: name,
age: age,
// TODO: 其他参数
}
});
```
在目标页面中,可以通过 `options.query` 获取传递的参数。例如:
```
onLoad(options) {
let name = options.query.name;
let age = parseInt(options.query.age);
// TODO: 进行相应的处理
}
```
以上是在 uniapp 中带参数跳转的方法,希望对你有帮助。
阅读全文