实现三级路由的默认显示

163 阅读1分钟
const routes = [
    {
      path:'/login',
      component:Login
    },{
      path:'/file-page',
      component:FilePage,
    },{
      path:'/file-manage',
      component:FileManage,
      redirect:'file-manage/employer-list',//默认显示
      children:[
        {
          name:'employerlist',
          path:'employer-list',
          component:EmployerList,
        },{
          name:'timestatistics',
          path:'time-statistics',
          component:TimeStatistics,
          redirect:'time-statistics/about-project',//默认显示
          children:[
            {
              name:'aboutproject',
              path:'about-project',
              component:AboutProject
            },{
              name:'aboutperson',
              path:'about-person',
              component:AboutPerson
            }
          ]
        }
      ]
    },{
      path:'/right-control',
      component:RightControl,
      redirect:'right-control/user-admin',//默认显示
      children:[
        {
          name:'project',
          path:'project-admin',
          component:ProjectAdmin
        },{
          name:'user',
          path:'user-admin',
          component:UserAdmin
        },{
          name:'workcode',
          path:'workcode-admin',
          component:WorkcodeAdmin
        }
      ]
    },{
      path:'/',
      redirect:'/file-page'
    },
    {
      path:'*',
      component:PageError
    }
  ]