VUE的嵌套路由,配置子路由
今天写vue的时候,突然想到vue-router尽然能通过children来添加子路由,那子路由能不能添加子路由?试了试结果发现是可以的
代码如下:
const routes = [
{
path: '/',
name: 'Head',
component: () => import('../views/Head/index.vue'),
redirect:'/title',
children: [
{
path: '/ItemManagement',
name: 'ItemManagement',
redirect:'/ItemManagement/danxuan',
component: () => import('../views/ItemManagement/index.vue'),
children:[
{
path:'/ItemManagement/danxuan',
name: 'danxuan',
component: () => import('../views/ItemManagement/components/checkbox.vue'),
},
]
},
]
},
]
然后记得在ItemManagement下的index和Head下的index页面,留出<router-view></router-view>,就可以达到嵌套效果