场景还原
微信小程序利用路径wx.navigateTo跳转界面时发送异常
跳转代码
showDetail(e){
// 获取图片绑定的ID编号
let id = e.currentTarget.dataset.id;
// 指定编号查询 携带参数到详情界面
wx.navigateTo({
url: '/pages/details/details?id=' + id,
})
}
异常代码
WAServiceMainContext.js:2 Error:
MiniProgramError {"errMsg":"navigateTo:fail can not navigateTo a tabbar page"}
原因分析
在app.json中的tabBar关联了details详情界面产生冲突，而官方文档要求wx.navigateTo 无法跳转到 tabBar 中定义的界面，只需要把tabBar换成其他界面就可以！
app.json代码文章来源：https://www.toymoban.com/news/detail-717037.html
"tabBar": {
"list": [
{
"pagePath": "pages/details/details",
"text": "详情",
"iconPath" : "images/b_1.png",
"selectedIconPath" : "images/b_5.png"
},
]
}
核心原因
- 保留当前页面，跳转到应用内的某个页面。
- 但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。
- 小程序中页面栈最多十层。
参考文档
微信小程序-API-路径-wx.navigateTo文章来源地址https://www.toymoban.com/news/detail-717037.html
到了这里，关于微信小程序异常：navigateTo:fail can not navigateTo a tabbar page的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
