微信小程序开发switchTab如何使用

154 阅读 0 评论 102 点赞

我是靠谱客的博主欢呼人生，这篇文章主要介绍微信小程序开发switchTab如何使用，现在分享给大家，希望可以做个参考。

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

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

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

然后解决方法为:

复制代码handleGoIndex: function() {
wx.switchTab({
url: '/pages/index/index'
})
},
handleGoCart: function() {
wx.switchTab({
url: '/pages/cart/index'
})
}1
2
3
4
5
6
7
8
9
10
handleGoIndex: function() {
wx.switchTab({
url: '/pages/index/index'
})
},
handleGoCart: function() {
wx.switchTab({
url: '/pages/cart/index'
})
}
登录后复制

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