微信小程序——wx.navigateTo中url无法跳转问题（app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致）(2017/12)

最新推荐文章于 2024-06-20 17:46:11 发布

原创最新推荐文章于 2024-06-20 17:46:11 发布 · 8.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信 #url #tabBar #wx.navigateTo

本文探讨了在微信小程序中配置了tabBar的情况下，如何解决页面跳转失败的问题。通过调整页面路径配置和使用正确的跳转方式，确保了tabBar正常显示的同时实现了页面间的跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在做小程序的时候，在编写

wx.navigateTo({
url:'../index/index'
})

进行页面跳转的时候发现是使用不成的。经过研究，发现错误的导致原因是因为在app.json中存在：
"tabBar": {
"list": [{
"pagePath": 
"pages/index/index",
"iconPaht":"img/文本(点击前).jpg",
"text": "logs",
"selectedIconPath":"img/文本(点击后).jpg"
},{ 
"pagePath":"pages/test/test",
"iconPath":"img/喜爱(点击前).jpg",
"text":"喜爱",
"selectedIconPath":"img/喜爱(点击后).jpg"
}],

文中下划线代码阻碍了上面中的：

url:'../index/index'

的使用，然后我试着将list[0]也就是：

{

"pagePath":
"pages/index/index",

"iconPaht":"img/文本(点击前).jpg",

"text":
"logs",

"selectedIconPath":"img/文本(点击后).jpg"

}

这一组数据删除，但是却发现删除了之后：

小程序的界面却没有tabBar的栏目了！

然后，再次经过研究。发现，"tabBar"里面一定要有：

{

"pagePath":
"pages/index/index",

"iconPaht":"img/文本(点击前).jpg",

"text":
"logs",

"selectedIconPath":"img/文本(点击后).jpg"

}

这组数据！！！要不然，"tabBar"就不能显示！！！

回到正题，然后借用前辈的总结：若是在全局app.json中配置了tabBar，引用的链接与wx.navigateTo页面跳转url地址相同就无法实现跳转