微信小程序——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地址相同就无法实现跳转
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地址相同就无法实现跳转
相关文章推荐
- 微信小程序:wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)
- xcx: tabBar的pagePath与wx.navigateTo中url引用相同页面导致无法跳转
- 微信小程序-页面跳转失败WAService.js:3 navigateTo:fail url not in app.json
- 微信小程序navigator无法跳转 navigateTo:fail url not in app.json
- 微信小程序出现wx.navigateTo页面不跳转问题的解决方法
- 微信小程序wx.navigateTo无法跳转
- 微信小程序 wx.navigateTo和wx.redirectTo 不跳转问题
- 微信小程序wx.navigateTo页面不跳转
- 微信小程序跳转问题:wx.redirectTo、wx.navigateTo、wx.reLaunch、wx.switchTap、wx.navigateBack区别
- 解决微信小程序中在其他页面无法使用app.js中获取的userInfo或openid的问题
- 微信小程序跳转页面失效——navigateTo
- 微信小程序 navigate页面跳转问题解决方案
- 微信小程序 --- 无法跳转到tab页面问题
- 小程序 wx.navigateTo和wx.redirectTo 不跳转问题
- 微信公众账号 点击返回页面刷新页面得到两个相同的code导致程序报错的问题
- 微信小程序wx.redirectTo、wx.navigateTo跳转失败
- iis报错:404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射。
- iis win8由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序
- HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射。
- HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射。