uni.reLaunch跳转tabbar页面,底部不被选中
时间: 2024-02-03 17:15:19 浏览: 96
uni-app框架 tabBar(底部导航)创建的方法与外界跳转
在使用uni-app框架的时候,可以通过uni.reLaunch方法跳转到tabbar页面。如果跳转后底部tabbar未被选中,可以尝试以下方法:
1. 在跳转前获取当前选中的tabbar索引值,然后在跳转后手动设置选中的tabbar。示例代码如下:
```
// 获取当前选中的tabbar索引值
const currentTabBarIndex = uni.getStorageSync('currentTabBarIndex') || 0
// 跳转到tabbar页面
uni.reLaunch({
url: '/pages/tabbar/tabbar',
success() {
// 设置选中的tabbar
uni.switchTab({
url: `/pages/tabbar/tabbar?page=${currentTabBarIndex}`
})
}
})
```
2. 如果以上方法无效,可以尝试在app.vue中监听App的onShow事件,然后手动设置选中的tabbar。示例代码如下:
```
// app.vue中监听onShow事件
onShow() {
const currentTabBarIndex = uni.getStorageSync('currentTabBarIndex') || 0
if (typeof this.$mp.page.getTabBar === 'function' &&
this.$mp.page.getTabBar()) {
this.$mp.page.getTabBar().$vm.selectedIndex = currentTabBarIndex
}
}
```
以上是两种常用的解决方法,希望能帮助到你。
阅读全文