uni tabbar 页面跳转tabbar页面

对于uni tabbar页面之间的跳转，有以下几种方式可以实现：

1. 使用uni.switchTab()方法：该方法用于在不含有tabBar的页面跳转到含有tabBar的页面。通过指定目标页面的url，可以实现跳转。例如，要跳转到首页，可以使用以下代码：

uni.switchTab({
  url: '/pages/index/index'
})

这将会跳转到含有tabBar的首页页面。

2. 使用uni.reLaunch()方法：该方法用于在含有tabBar的页面跳转到不含有tabBar的页面。同样，通过指定目标页面的url，可以实现跳转。例如，要跳转到某个子页面后再返回到首页，可以使用以下代码：

uni.reLaunch({
  url: '/pages/index/index'
})

这将会先关闭所有页面，然后重新打开含有tabBar的首页页面。

综上所述，通过uni.switchTab()和uni.reLaunch()方法可以实现uni tabbar页面之间的跳转。具体使用哪种方法取决于页面是否含有tabBar。

相关问题

uni.reLaunch跳转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
  }
}

以上是两种常用的解决方法，希望能帮助到你。

uni-app实现tabbar间页面跳转

在uni-app中实现tabbar间的页面跳转，需要先在page中创建好需要跳转的页面，并在tabbar的list属性中设置按钮的个数和对应的页面路径。然后，在点击tabbar按钮时，通过onTabItemTap事件来刷新页面。具体实现代码如下：

<template>
  <view>
    <!-- 定义tabbar组件 -->
    <tabbar>
      <!-- 定义tabbar按钮 -->
      <tabbar-item
        v-for="(item, index) in tabbarList"
        :key="index"
        :index="index"
        :icon="item.icon"
        :text="item.text"
      ></tabbar-item>
    </tabbar>
    <!-- 定义页面内容 -->
    <view>
      <!-- 定义跳转的页面 -->
      <page-a v-if="currentTab === 0" />
      <page-b v-if="currentTab === 1" />
      <page-c v-if="currentTab === 2" />
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      currentTab: 0, // 当前选中的tab索引
      tabbarList: [
        { icon: 'home', text: '首页' },
        { icon: 'search', text: '搜索' },
        { icon: 'person', text: '个人中心' },
      ],
    };
  },
  methods: {
    // 点击tabbar按钮切换页面
    onTabItemTap(index) {
      this.currentTab = index;
    },
  },
};
</script>