vue-router动态路由动态添加子路由

Question

routes: [
    { path: '/toOne/:id', name: 'toOneName', component: one,
         children: [
         {path: '/profile', component: oneNext},
         {path: '/posts', component: twoNext}
        ]
    }  
]

我要在children通过动态路由的方式添加一个子路由，如何操作
{path: '/gets', component: threeNext}
this.$router.addRoutes()

Answer 1

这么写就好了

export const initRouterNode = (routers, data) => {
 for (var item of data) {
 let menu = Object.assign({}, item)
 // menu.component = import(`@/views/${menu.component}.vue`);
 menu.component = lazyLoading(menu.component)
 if (item.children && item.children.length > 0) {
 menu.children = []
 initRouterNode(menu.children, item.children)
 } routers.push(menu)
 }}

routers 是生成后的路由, data 是后端返回的路由数据 tree , lazyLoading 是懒加载路由