vue动态添加子路由？

Question

1、如题，想在登录之后根据后端返回的菜单列表动态更新路由，但是我一addRoutes就只能把路由添加到最外层，问：如何把新的路由加在里层。
如：

        routes: [{
          path: '/login',
          name: 'Login',
          component: Login
      },{
          path: '/',
          component: main,
          name: 'main',
          children: [
              { path: '/aaa',component: aaa, name: 'aaa'},
              {
                  path: '/bbb',
                  component: bbb,
                  name: 'bbb',
                  children: [
                      //我现在这里加路由
                      // { path: '/ccc',component: ccc,name: 'cccc',meta: {parentPath: 'manageMain'}},
                     
                  ]
              }
            
          ]
      },{
          path: '/404',
          component: NotFound,
          name: '',
      },
      {
          path: '*',
          redirect: { path: '/404' }
      }

]

我想在bbb的children里加上我的新路由

Answer 1

直接覆盖你想要修改的路由可以吗？

我试了下，好像可以。

import Test1 from '../views/Test1.vue'

let options = {
    routes:[
        {
            path:'/',
            redirect: '/test1',
        },
        {
            path:'/test1',
            name:'test1',
            component: Test1
        }
    ]
}

this.$router.addRoutes([
    {
        path: '/test1',
        name: 'test1',
        component: Test1,
        children:[
            {
                path: '/test2',
                name: 'test2',
                component: Test2,
            }
        ]
    }
])
this.$router.push({name:'test2'})

Answer 2

如果mani作为框架页,那就必须把所有菜单路由 递归 push到mani的child里面。这样框架页才能找到对应的路由