uniapp 返回上一页传参
时间: 2023-08-29 09:07:04 浏览: 180
在uni-app中,可以通过uni.navigateBack()方法返回上一页,并且可以通过options参数传递数据。
例如,在上一页中跳转到当前页面时传递了参数data,可以如下返回上一页并传递参数:
```
// 返回上一页并传递参数
uni.navigateBack({
delta: 1,
success() {
uni.getPreviousPage().$vm.setData({
data: '传递的参数'
})
}
})
```
其中,delta表示返回的页面数,1表示返回上一页。通过uni.getPreviousPage()获取到上一页的实例,然后通过setData()方法设置数据即可。在上一页中可以通过onLoad()方法接收传递的参数。
注意,如果上一页是通过redirectTo()方法跳转到当前页面的,则无法通过getPreviousPage()方法获取上一页的实例。此时可以通过uni.navigateBack()方法的success回调函数中获取到返回成功的信息,然后通过传递的参数设置上一页的数据。例如:
```
// redirectTo跳转到当前页面
uni.redirectTo({
url: '/pages/index/index?data=传递的参数'
})
// 返回上一页并传递参数
uni.navigateBack({
delta: 1,
success(res) {
let pages = getCurrentPages()
let prevPage = pages[pages.length - 2]
prevPage.setData({
data: res.options.data
})
}
})
```
阅读全文