router路由vue 子路由嵌套children 重定向路由redirect

 children router     子路由嵌套

redirect: '/haveIp/works', 重定向路由

第一步

 

第二步

 <router-link> </router-link>

 

代码

{ //个人中心

    path: '/haveIp',

    name: 'haveIp',

    redirect: '/haveIp/works',

    component: resolve => require(['./pages/personal/haveIp'], resolve),

    meta:{

      title:'个人中心'

    },

    children: [

      // 有ip

      // 我的作品

        {

          path: 'works',

          name: 'works',

          component: () => import('./pages/personal/haveIp/children/works'),

          meta: {

            title: '我的作品',

          }

        },

      // 我的项目

      {

      path: 'project',

      name: 'project',

      component: () => import('./pages/personal/haveIp/children/project'),

      meta: {

        title: '我的项目',

      }

    },

    ]

  }