美文网首页技术码头
Taro 路由不能跳转tabbar (小程序)

Taro 路由不能跳转tabbar (小程序)

作者: 石菖蒲_xl | 来源:发表于2019-11-22 13:13 被阅读0次

    Taro提供的路由

    // 跳转到目的页面,打开新页面
    Taro.navigateTo({
      url: '/pages/page/path/name'
    })
    
    // 跳转到目的页面,在当前页面打开
    Taro.redirectTo({
      url: '/pages/page/path/name'
    })
    

    遇到问题

    如果在app.jsx中配置如下 使用 Taro的路由在微信小程序则会报错 ,H5则可以。

    config = {
        pages: [
          'pages/index/index'
        ],
        ...
    },
    tabBar: {
          list: [{
            pagePath: 'pages/index/index',// 路径,必须在pages中先定义
            text: '首页',
            iconPath: './assets/tab/home.png',// 图片路径,icon 大小限制为40kb,建议尺寸为 81px * 81px,不支持网络图片。
            selectedIconPath: './assets/tab/home-active.png'
          }, 
      ...
      ],
      ...
    }
    

    报错信息

    navigateTo:fail can not navigateTo a tabbar page
    

    解决方案

    只能解决h5和小程序的兼容

        Taro.navigateTo({
          url: '/pages/index/index'
        }).catch((error) => {
          console.log(error)
          /* 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 */
          wx.switchTab({url: '/pages/index/index'})
        })
    

    相关文章

      网友评论

        本文标题:Taro 路由不能跳转tabbar (小程序)

        本文链接:https://www.haomeiwen.com/subject/aunfwctx.html