uniapp三级页面如何带参数返回上一页
时间: 2023-08-13 15:09:45 浏览: 83
在uniapp中,可以使用uni.navigateBack方法返回上一页,并且可以通过options参数向上一页传递数据。
具体实现方法如下:
1. 在当前页面中使用uni.navigateTo方法跳转到下一页,并将需要传递的参数作为query参数传递:
```
uni.navigateTo({
url: '/pages/subpage/subpage?id=123'
})
```
2. 在下一页中可以通过this.$route.query获取到传递过来的参数:
```
export default {
onLoad(options) {
console.log(options.id) // 输出123
}
}
```
3. 在下一页中如果需要将数据返回给上一页,可以通过uni.navigateBack方法的options参数返回数据:
```
uni.navigateBack({
delta: 1,
success: function () {
let pages = getCurrentPages()
let prevPage = pages[pages.length - 2]
prevPage.setData({
message: 'Hello World!'
})
}
})
```
在上述代码中,delta表示返回的页面数,1表示返回上一页。success回调函数中可以获取到上一页的实例prevPage,然后可以通过prevPage.setData方法更新上一页的数据。在上一页中就可以通过data.message获取到返回的数据了。
阅读全文