uni-app中uni.switchTab跳转成功后又快速跳转回首页

项目信息	详细信息
产品分类	uniapp/小程序/微信
PC开发环境操作系统	Windows
PC开发环境操作系统版本号	Windows 10 家庭中文版
HBuilderX类型	正式
HBuilderX版本号	3.99
第三方开发者工具版本号	RC 1.06.2402021
基础库版本号	3.34/3.35
项目创建方式	HBuilderX

操作步骤：

uni.switchTab({
url: this.shoppingCartSquarePath,
success() {
console.log('跳转成功！')
},
fail() {
console.log('跳转失败！')
}
})

预期结果：

希望能直接直接跳转到购物车页面

实际结果：

跳转到购物车页面后快速闪动一下，又跳转到了首页。

bug描述：

uni.switchTab存在一些问题。例如，我从首页进入一个商品详情，然后点击商品页面的购物车图标，通过uni.switchTab跳转到购物车页面（购物车页面和首页同级都在tabbar里），页面不会正常跳转到购物车页面，而是跳转到购物车页面后马上快速闪动一次，最后又跳转到首页。其他方式进入商品页面，点击购物车通过uni.switchTab跳转到购物车则正常。

sinazl 1楼•6 天前

在 Uni-app 中使用 uni.switchTab 跳转到指定页面后又快速跳转回首页，可能是由于以下几个原因导致的。以下是可能的原因和解决方案：

1. 页面生命周期问题

uni.switchTab 会触发目标页面的生命周期（如 onShow、onLoad 等），如果你的目标页面中有逻辑（如自动跳转回首页），可能会导致快速跳转。
解决方案：检查目标页面的生命周期函数（如 onShow、onLoad），确保没有自动跳转的逻辑。

2. 路由栈问题

uni.switchTab 是跳转到 TabBar 页面的方法，它会关闭当前页面栈中的所有页面并切换到目标 TabBar 页面。如果路由栈中有其他逻辑干扰，可能会导致跳转异常。
解决方案：确保在跳转时没有其他页面逻辑干扰，尤其是 uni.navigateBack 或 uni.redirectTo 等方法。

3. TabBar 页面配置问题

如果目标 TabBar 页面的路径配置错误，uni.switchTab 可能会跳转到默认的首页。
解决方案：检查 pages.json 中的 TabBar 配置，确保路径正确。

"tabBar": {
  "list": [
    {
      "pagePath": "pages/index/index", // 首页
      "text": "首页"
    },
    {
      "pagePath": "pages/other/other", // 其他页面
      "text": "其他"
    }
  ]
}

4. 异步逻辑问题

如果跳转逻辑中有异步操作（如请求接口），可能会导致跳转后又被其他逻辑覆盖。
解决方案：确保跳转逻辑是同步的，或者在异步操作完成后执行跳转。

5. 示例代码

以下是一个正确使用 uni.switchTab 的示例：

// 跳转到 TabBar 页面
uni.switchTab({
  url: '/pages/other/other', // 确保路径正确
  success: () => {
    console.log('跳转成功');
  },
  fail: (err) => {
    console.log('跳转失败', err);
  }
});

6. 调试方法

在目标页面的 onShow 或 onLoad 生命周期中添加日志，检查是否触发了跳转逻辑。
使用 uni.getCurrentPages() 查看当前页面栈，检查是否有异常。

onShow() {
  console.log('页面显示', uni.getCurrentPages());
}