uniapp 底部导航栏购物车页面返回上一页
时间: 2023-09-16 22:13:16 浏览: 116
在 Uni-app 中,可以通过以下方法实现底部导航栏购物车页面返回上一页:
1. 在购物车页面的 `onUnload` 生命周期钩子函数中,将当前页面的状态保存到 app 实例或者全局变量中,例如:
```javascript
onUnload() {
getApp().globalData.previousPage = getCurrentPages().pop();
}
```
2. 在底部导航栏的组件中,监听返回按钮的点击事件,然后使用 uni.navigateBack() 方法返回上一页,例如:
```html
<template>
<view>
<!-- 其他导航栏按钮 -->
<button @click="goBack">返回</button>
</view>
</template>
<script>
export default {
methods: {
goBack() {
const previousPage = getApp().globalData.previousPage;
if (previousPage) {
uni.navigateBack({
delta: 1, // 返回上一页
success: () => {
previousPage.onLoad(); // 重新加载上一页
}
});
}
}
}
}
</script>
```
通过以上步骤,就可以在底部导航栏的购物车页面点击返回按钮返回到上一页,并且重新加载上一页的数据。
阅读全文