微信小程序 tabBar的使用注意事项

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m940034240/article/details/82850239

假如app.json文件如下：

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/main/main",
    "pages/login/login",
    "pages/note/note",
    "pages/mine/mine"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle": "black"
  },"tabBar": {
    "list": [
      {
        "pagePath": "pages/main/main",
        "text": "首页"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "日志"
      }
    ],
    "color": "#8a8a8a",
    "selectedColor": "#1afa29"
  }
}

     由于微信小程序默认的入口为pages中的第一个页面，即pages/index/index。而tabBar.list中不包含该页面，所以打开小程序进入的pages/index/index页面将不显示tabBar。 若想进入小程序的时候就显示tabBar, pages列表的第一个页面必须包含在tabBar.list中。

     如果想从pages/index/index页面跳转到有tabBar的页面，不能使用wx.redirectTo或wx.navigateTo,必须使用

 wx.switchTab({
   url: './../main/main',//相对路径，tabBar.list中的任意一个页面
 })