动态生成路由的问题

Question

例如Permission 这个菜单，点击的时候请求后台接口返回数据，处理生成它的子菜单
返回数据大致如下：
const data = [

{
    name: 'menu1',
    path: 'menu1',
    children: [
        {
            name: 'menu1-1',
            path: 'menu1-1;
        }
    ]
},
{
    name: 'menu2',
    path: 'menu2'
}

]
循环处理的时候，给menu2这菜单指定了 component = () => import(@/views/zz1/index)
然后menu1的component = Layout,menu1-1的component为() => import(@/views/zz/index)
塞回到children中,现在问题是：menu1-1可以正常访问，但是menu2左侧的菜单和顶部消失了，没有嵌套在Layout这个组件中
{

path: '/permission',
component: Layout,
alwaysShow: true, // will always show the root menu
name: 'Permission',
meta: {
  title: 'Permission',
  icon: 'lock',
  roles: ['admin', 'editor'] // you can set roles in root nav
},
children: []

}

补充说明，permission菜单下的所有子菜单都是另一个菜单account下新建保存生成的，所以在路由中无法写死。新建多少，就会生成多少。

Answer 1

我现在的项目就有权限功能，刚开始做，还没做到权限这块。