vue中 控制子组件中的某个子组件默认显示的方法？

Question

router.js

 {
      path:'/index',
      name:'index',
      component:index,
      children:[
        {
          path:'/device/user',
          name:'user',
          component:user,
            children:[
             {
              path: '/device/deviceDisplay',
              name: 'deviceDisplay',
              component: deviceDisplay
             }
           ]
        }

非得我点了图中子组件后，孙子组件才会出来，怎么样设置成点击父组件时出现上面图样式呢？

Answer 1

      path:'/index',
      name:'index',
      component:index,
      redirect:'/device/deviceDisplay',
      children:[
        {
          path:'/device/user',
          name:'user',
          component:user,
            children:[
             {
              path: '/device/deviceDisplay',
              name: 'deviceDisplay',
              component: deviceDisplay
             }
           ]
        }

我理解的是默认选中第一个，用重定向

https://router.vuejs.org/zh/g...