uniapp中tabbar页面相互跳转
时间: 2023-08-16 21:03:59 浏览: 543
uni-app框架 tabBar(底部导航)创建的方法与外界跳转
在UniApp中,TabBar页面之间的相互跳转可以通过以下几种方式实现:
1. 使用`uni.switchTab`方法:该方法用于跳转到指定的TabBar页面,并关闭其他非TabBar页面。例如,如果当前位于TabBar的页面A,想要跳转到TabBar的页面B,可以使用以下代码:
```javascript
uni.switchTab({
url: '/pages/tabBarPageB/tabBarPageB'
});
```
2. 使用`uni.reLaunch`方法:该方法用于关闭所有页面,然后重新打开指定的页面。这种方式适用于从非TabBar页面跳转到TabBar页面。例如,如果当前位于非TabBar的页面C,想要跳转到TabBar的页面B,可以使用以下代码:
```javascript
uni.reLaunch({
url: '/pages/tabBarPageB/tabBarPageB'
});
```
3. 使用`uni.navigateTo`方法:该方法用于保留当前页面,跳转到应用内的某个页面。这种方式适用于从TabBar页面跳转到非TabBar页面。例如,如果当前位于TabBar的页面A,想要跳转到非TabBar的页面C,可以使用以下代码:
```javascript
uni.navigateTo({
url: '/pages/nonTabBarPageC/nonTabBarPageC'
});
```
需要注意的是,以上三种方式都需要在`pages.json`中配置对应的页面路径和标签栏配置。具体配置方式可以参考UniApp官方文档。
阅读全文