1.添加路由:
- 新建一个文件,要将该文件映射到侧边导航栏上
- 在router.js中配置该文件的路由
{ path: '/user', component: Layout, children:[{ path: 'index', name: 'user', component: () => import('@/views/user/index'), meta: { title: 'user', icon: 'user' }, }] },
结果如图所示:
- 多个子路由
{ path: '/user', component: Layout, name: 'User', meta: { title: 'User', icon: 'user' }, hidden: false, children: [ { path: 'userMsgTabel', name: 'userTabel', component: () => import('@/views/user/userMsgTabel/index'), meta: { title: 'userTabel' } }, { path: 'userMsgTabel', name: 'userTabel1', component: () => import('@/views/user/userMsgTabel1/index'), meta: { title: 'userTabel1' }, } ] },
结果如图所示: