uni-app 前端 解决uniapp中tabbar无法路由跳转

当我们在小程序中使用底部 TabBar 进行页面跳转时，可能会遇到一些问题。

默认情况下，小程序的页面跳转是使用 uni.navigateTo 方法，但是在底部 TabBar 中，使用 uni.navigateTo 会导致页面重复打开，而不是切换到已打开的页面。这是因为 uni.navigateTo 会创建一个新的页面栈，而不是切换已有的页面栈。

为了解决这个问题，我们可以使用 uni.switchTab 方法来实现底部 TabBar 的页面跳转。uni.switchTab 方法可以切换到底部 TabBar 中已有的页面，并且不会创建新的页面栈。下面是一个示例代码，演示如何使用 uni.switchTab 进行页面跳转：

// 添加点击事件跳转

onTabClick() {

uni.switchTab({

url: '/pages/tabbar/index'

});

}

在上面的代码中，我们使用 uni.switchTab 方法来跳转到底部 TabBar 中的某个页面。你需要将 /pages/tabbar/index 替换为实际的页面路径。

使用 uni.switchTab 方法进行页面跳转时，需要注意以下几点：

uni.switchTab 只能跳转到底部 TabBar 中已有的页面，不能跳转到非 TabBar 页面。跳转后，底部 TabBar 会切换到对应的页面，并且页面栈会被重置，即之前的页面栈会被清空。

好文推荐

 您阅读本篇文章共花了：