小程序开发之switchTab的使用方法

这篇文章主要介绍小程序开发之switchTab的使用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

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

小程序开发之switchTab的使用方法cdn.xitu.io/2018/5/29/163aa029d0ca5f47?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">

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

小程序开发之switchTab的使用方法

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

小程序开发之switchTab的使用方法

然后解决方法为:

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

以上是“小程序开发之switchTab的使用方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!