夜火博客 个人的碎碎念收集箱

微信小程序navigate/navigator不能跳转到tabbar页面的解决技巧

这种处理方式没什么难度,只是逻辑上处理了一下,之前自己没想到,今天突然想到的,记一下

通常我们使用navigate或navigator都不能跳转到tabbar设置的几个页面,但是页面内的逻辑有时候又需要,并且逻辑内是循环输出,又有需要navigate跳转的,又有需要switchTab进行跳转的。

类似下面这样

wxml:
<view wx:for="{{array}}">

          <navigator url="{{item}}">
            <image src="{{index}}" />

          </navigator> 
</view>


这种是没办法跳转tabbar链接的。

其实只要改成下面的方式就可以了:
wxml:

<view wx:for="{{array}}">

          <view bindtap='banner_navigateTo' url="{{item}}" data-url="{{item}}">

            <image src="{{index}}"/>

          </view>

</view>
js:

   banner_navigateTo: function (e) {
    var that = this;
    console.log('href', e.currentTarget.dataset.url)
    var href = e.currentTarget.dataset.url;
    wx.navigateTo({
      url: href,
      success: function (res) { },
      fail: function (res) {

        if (res.errMsg && (res.errMsg == 'navigateTo:fail can not navigateTo a tabbar page' || res.errMsg == 'navigateTo:fail can not navigate to a tabbar page') ) {

          wx.switchTab({

            url: href
          })
        }
      },
      complete: function (res) {
        console.log('res', res)
      },
    })
  }, 

主要思路就是在 wx.navigateTo 报错提示不能跳转tabbar的页面时进行处理,再使用wx.switchTab进行跳转就行了。

更新:经测试,小程序开发工具与手机上返回的errMsg不相同,略作处理

留言列表
nuke访客
nuke访客 没想到你这个blog还在坚持啊, 我的也打算重新做起来了。
www.nukeblog.cn
还没想好用啥程序。  回复
夜火
夜火 我这都快变成年更的博客了,你也抓紧搞起。现在用什么程序都是浮云,内容才是最重要的  回复
访客
访客 自己做着玩,朋友圈装逼已经无法满足我了  回复
夜火
夜火 膜拜大佬  回复
访客
访客 静悄悄的来  回复
深圳自考专科访客
深圳自考专科访客 话不多说,先收藏一波。  回复
自媒体运营
自媒体运营 不错,必须顶一下!  回复
访客
访客 都这个时间了!震惊!这个博客居然还能坚持下来!  回复
jOK访客
jOK访客 虽然没用小程序,还是学习了  回复
发表评论
来宾的头像