uni-app开发，怎样从tabbar跳转到普通页面

在uni-app中，要从tabbar页面跳转到普通页面，可以使用uni.navigateTo或uni.redirectTo方法进行页面跳转。

1. 使用uni.navigateTo方法：

uni.navigateTo({
  url: '/pages/normalPage/normalPage'
});

这会将当前页面加入页面栈，并跳转到指定的普通页面。

2. 使用uni.redirectTo方法：

uni.redirectTo({
  url: '/pages/normalPage/normalPage'
});

这会关闭当前所有页面，并跳转到指定的普通页面。

在上述代码中，'/pages/normalPage/normalPage'是你要跳转的普通页面的路径。请根据你的项目结构和实际路径进行相应的修改。

需要注意的是，跳转到普通页面后，如果想返回到tabbar页面，可以使用uni.navigateBack方法或者再次调用uni.switchTab方法进行跳转。

希望以上信息对你有所帮助！如果还有其他问题，请随时提问。

相关问题

uni-app，从tabbar跳转到普通页面失败

在uni-app中，从tabbar跳转到普通页面的方式与从普通页面跳转到tabbar页面的方式略有不同。以下是一种实现方式：

1. 在tabbar页面的`pages.json`文件中，将普通页面配置为`"style": "custom"`，例如：

{
  "pages": [
    {
      "path": "pages/tabbar/home",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/tabbar/mine",
      "style": {
        "navigationBarTitleText": "我的"
      }
    },
    {
      "path": "pages/normal/about",
      "style": "custom"
    }
  ],
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/tabbar/home",
        "text": "首页"
      },
      {
        "pagePath": "pages/tabbar/mine",
        "text": "我的"
      }
    ]
  }
}

2. 在tabbar页面的某个组件中，使用`uni.navigateTo`方法跳转到普通页面，例如：

uni.navigateTo({
  url: '/pages/normal/about'
});

通过上述步骤，你应该能够成功从tabbar页面跳转到普通页面。请确保路径配置正确，并且确认普通页面是否存在。如果问题仍然存在，请提供更多代码或错误信息以便更好地帮助你解决问题。

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>