我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

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

创新互联建站凭借专业的设计团队扎实的技术支持、优质高效的服务意识和丰厚的资源优势,提供专业的网站策划、成都网站建设、网站设计、网站优化、软件开发、网站改版等服务,在成都10余年的网站建设设计经验,为成都上千余家中小型企业策划设计了网站。

我写的是一个电商商城小程序,跳转到详情页之后有两个点击跳转的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的使用方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享名称:小程序开发之switchTab的使用方法
链接分享:http://shouzuofang.com/article/gppies.html

其他资讯