uniapp多级页面如何带参数返回上一页
时间: 2023-08-13 12:09:45 浏览: 146
Uniapp示例:返回并刷新上一页
在 uniapp 中,如果你需要在返回上一页时传递参数,可以使用 `uni.navigateBack()` 方法,并在跳转时使用 `uni.navigateTo()` 方法传递参数。
具体操作步骤如下:
1. 在跳转到下一个页面时,使用 `uni.navigateTo()` 方法传递参数,例如:
```javascript
uni.navigateTo({
url: '/pages/nextPage/nextPage?id=123&name=test',
});
```
2. 在跳转回上一个页面时,使用 `uni.navigateBack()` 方法,并在 `delta` 参数中指定返回的层数,例如:
```javascript
uni.navigateBack({
delta: 1,
success: (res) => {
console.log(res); // 返回上一页成功
console.log(res.result); // 返回上一页传递的参数
}
});
```
在上一个页面的 `onLoad` 方法中,可以通过 `options` 参数获取传递的参数,例如:
```javascript
onLoad(options) {
console.log(options.id); // 输出 123
console.log(options.name); // 输出 test
}
```
这样就可以在多级页面间传递参数并返回上一页了。
阅读全文