### [微信小程序开发switchTab如何使用](https://www.prosaas.cn/article/17506)

**Published:** 2018-06-05T02:46:31

**Author:** 5201314

**Excerpt:** 我写的是一个电商商城小程序，跳转到详情页之后有两个点击跳转的icon如图：聪明的你肯定猜出来这两个icon是跳…

我写的是一个电商商城小程序，跳转到详情页之后有两个点击跳转的icon如图：

![](https://user-gold-cdn.xitu.io/2018/5/29/163aa029d0ca5f47?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)

聪明的你肯定猜出来这两个icon是跳转到哪的，肯定也是bindtap，然后wx.navigator就搞定了。两个简单的页面跳转嘛，然后居然就是这两个问题卡了我一个多小时，后来还是在微信群里问大佬们才解决的，因为自己看文档不仔细，跳转的这两个页面是微信官方底部tab的路径如图：

![](https://user-gold-cdn.xitu.io/2018/5/29/163aa029d0eb9f9e?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)

问题是出在官方的tabbar中你用了这几个路径如图：

![](https://user-gold-cdn.xitu.io/2018/5/29/163aa029d0e258d1?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)

然后解决方法为:

handleGoIndex: function() {
wx.switchTab({
url: '/pages/index/index'
})
},
handleGoCart: function() {
wx.switchTab({
url: '/pages/cart/index'
})
}

相信看了本文案例你已经掌握了方法，更多精彩请关注知企PROSAAS其它相关文章！

推荐阅读：

微信小程序开发获取用户基本信息

微信小程序开发UI框架如何使用

以上就是微信小程序开发switchTab如何使用的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---