技术码头

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

2019-11-22  本文已影响0人  石菖蒲_xl

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'})
    })
上一篇下一篇

猜你喜欢

热点阅读