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'})
})