vue 默认加载某一子路由

先来看一段路由的代码,要解决的问题是在进入页面或加载某一父级路由时默认加载其某一特定路由. 

routes: [
    {
      path: '/',
      name: 'wpIndex',
      component: wpIndex,
      redirect:'/login',
      children: [
        {
          path: '/login',
          name: 'login',
          component: login
        },
        {
          path: '/register',
          name: 'register',
          component: register
        },
        {
          path:'*',
          redirect:'/login'
        }
      ]
    },
    {
      path: '*',
      redirect: '/'
    }
  ]

 解决办法是:设置redirect属性为对应子路由路径

       即转发到默认的子路由路径即可

猜你喜欢

转载自blog.csdn.net/zSY_snake/article/details/81916902