在uniapp中如何使用navigateback返回上一页并携带参数
时间: 2024-04-30 11:25:05 浏览: 64
在uniapp中,可以使用`uni.navigateBack()`方法返回上一页,并且可以通过`delta`参数指定返回的页面数,以及通过`animation`参数指定返回页面的动画效果。同时,可以通过在返回页面的`onLoad`生命周期函数中获取上一页传递过来的参数。
例如,如果要返回上一页并携带参数`{name: '张三', age: 18}`,可以在当前页面使用以下代码:
```javascript
uni.navigateBack({
delta: 1, // 返回上一页
animationType: 'slide-out-left', // 返回动画效果
animationDuration: 300, // 返回动画时长
success: function () {
// 获取上一页的页面对象
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2];
// 向上一页传递参数
prevPage.setData({
name: '张三',
age: 18
});
}
});
```
在返回页面的`onLoad`生命周期函数中,可以通过`options`参数获取上一页传递过来的参数:
```javascript
onLoad: function (options) {
console.log(options.name); // 输出:张三
console.log(options.age); // 输出:18
}
```