2022/9/22VUE2.X Tabbar标签栏切换以及二级路由的用法

首先，在router内设置好路由以及二级路由hash值，layout界面用了懒加载的方法，切记children内的path不允许加/

const routes = [
  {
    path: '/',
    redirect: '/layout/HOME'
  },
  {
    path: '/login',
    component: login
  },
  {
    path: '/layout',
    component: () => import('@/views/layout'),
    children: [
      {
        path: 'home',
        component: () => import('@/views/home')
      },
      {
        path: 'user',
        component: () => import('@/views/user')
      }
    ]
  }

]

其次，在父级路由上添加<router-view></router-view>标签表允许接受展示子路由内容

<router-view></router-view>

最后，在展示的便签栏内添加to=‘path地址’表跳转

<van-tabbar-item icon="home-o" to="/layout/home">首页</van-tabbar-item>

结束