uniapp实现跳转页面时携带参数
时间: 2024-10-24 16:03:58 浏览: 89
kotlin anko页面跳转实现方式,携带参数或flag
在UniApp中,要实现在页面跳转时携带参数,可以使用`uni.navigateTo`或`uni.reLaunch`方法,并在URL中附加查询字符串(query string)来传递参数。这里有两个不同的场景:
1. **使用`uni.reLaunch`**:
如果你想重新加载整个应用并携带参数,通常用于返回主页或重要操作后,可以这样做[^1]:
```javascript
uni.reLaunch({
url: '/pages/index/index?param1=value1¶m2=value2',
});
```
这样,当跳转到`index`页面时,可以通过`onLoad`生命周期钩子从`options`中获取这些参数。
2. **使用`uni.navigateTo`**:
如果只需要导航到另一个内部页面而不改变应用的状态,可以这样传递参数:
```javascript
uni.navigateTo({
url: '/pages/detail/detail?id=123',
});
```
在接收页面的`onLoad`或`onShow`中,可以获取参数:
```javascript
onLoad({ options }) {
if (options.query.id) {
// 处理id参数
}
},
```
在`options`对象中,查询参数会被自动解析为`options.query`属性。
阅读全文