您的位置:首页 > 移动开发 > 微信开发

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

2017-12-02 12:51 1001 查看
今天在做小程序的时候,在编写

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地址相同就无法实现跳转
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐