vue 简单动态路由

Question

场景：

1. 项目有两个固定角色，a、b
2. a的路由为

{
        path: '/fileManagement',
        component: Layout,
        redirect: '/fileManagement/index',
        name: 'fileManagement',
        meta: {
            title: '标题
            icon: 'user',
            role: ['admin', 'other'],
        },
        children: [
            {
                path: 'file',
                component: () => import('@/views/fileManagement/file/index'),
                name: 'pointManagement',
                meta: { title: '子标题 'admin' ] }
            },
            {
                path: 'venue',
                component: () => import('@/views/fileManagement/venue/list'),
                name: 'venueManagement',
                meta: { title: '子标题 'role:['admin']
            },
        ]
    },

3.的路由和a格式一样

---

那么如何根据登录的角色a或b，在菜单展示不同的路由呢？
我的想法是根据登录后的角色id，来判断显示哪个角色的菜单，然后addRouters进去。
但是具体写法没转过来，请大神赐教

Answer 1

为什么一定要这么写？直接给全部路由，然后在路由拦截器里判断有没有访问的权限不行吗？