如何使用 uni.switchTab 跳转到 tabBar 页面？

推荐答案

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

本题详细解读

1. uni.switchTab 的作用

uni.switchTab 是 uni-app 提供的一个 API，用于跳转到 tabBar 页面。与 uni.navigateTo 不同，uni.switchTab 只能跳转到已经在 pages.json 中配置为 tabBar 的页面。

2. 使用步骤

1. 配置 tabBar 页面：首先需要在 pages.json 中配置 tabBar 页面。例如：

   // www.javascriptcn.com code example
   {
     "pages": [
       {
         "path": "pages/index/index",
         "style": {
           "navigationBarTitleText": "首页"
         }
       },
       {
         "path": "pages/tabBarPage/tabBarPage",
         "style": {
           "navigationBarTitleText": "TabBar 页面"
         }
       }
     ],
     "tabBar": {
       "list": [
         {
           "pagePath": "pages/index/index",
           "text": "首页"
         },
         {
           "pagePath": "pages/tabBarPage/tabBarPage",
           "text": "TabBar 页面"
         }
       ]
     }
   }

2. 调用 uni.switchTab：在需要跳转的地方调用 uni.switchTab，并传入目标页面的路径。例如：

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

3. 注意事项

• uni.switchTab 只能跳转到 tabBar 页面，不能跳转到普通页面。
• 跳转时，目标页面的路径必须与 pages.json 中配置的 pagePath 一致。
• uni.switchTab 不会触发页面的生命周期函数 onLoad，但会触发 onShow。

4. 示例代码

// 在某个事件中调用
handleSwitchTab() {
  uni.switchTab({
    url: '/pages/tabBarPage/tabBarPage'
  });
}

通过以上步骤，你可以成功使用 uni.switchTab 跳转到 tabBar 页面。