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

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()

阅读 3.4k
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 是懒加载路由

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题