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>,就可以达到嵌套效果

posted @ 2021-10-30 09:41  六扇有伊人  阅读(34)  评论(0编辑  收藏  举报