老师,在aap.json文件中配置tabBar后,welcome页面点击后为什么不能跳转了,控制也报错了,其它页面都没动过

来源:2-14 加入tabbar选项卡

一名前端小白

2020-12-09 23:34:34

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

app.json文件

{

  "pages": [

    "pages/welcome/welcome",

    "pages/posts/posts",

    "pages/posts/post-details/post-details",

    "pages/demo/demo"

  ],

  "window": {

    "navigationBarBackgroundColor": "#b3d4db"

  },

  "tabBar": {

    "borderStyle":"white",

    "position": "bottom",

    "list": [

      {

        "pagePath": "pages/posts/posts",

        "text": "阅读",

        "iconPath": "/images/icon/collection-anti.png",

        "selectedIconPath": "/images/icon/collection.png"

      },

      {

        "pagePath": "pages/posts/posts",

        "text": "demo",

        "iconPath": "/images/icon/collection-anti.png",

        "selectedIconPath": "/images/icon/collection.png"

      }

    ]

  },

  "sitemapLocation": "sitemap31.json"

}

http://img.mukewang.com/climg/5fd0ee86098c812a13610611.jpg

​在这里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕星星

2020-12-10

同学你好,测试粘贴的app.json配置没有问题。并且从截图中看不到具体的报错信息,猜测可能是跳转方法的问题。

welcome页面的按钮跳转方法用的是哪一个呢?现在跳转的页面加了tab导航,需要用switchTab方法,这样才能跳转到带有tab的页面。如果之前用的是navigateTo方法,需要修改哦。例如:

http://img.mukewang.com/climg/5fd189f50914109604010257.jpg

如果按照上面修改之后还是不能跳转,建议将自己写的每个页面代码粘贴上来,老师帮助测试。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程