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()
这么写就好了
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 是懒加载路由