vue 简单动态路由

场景:

  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进去。
但是具体写法没转过来,请大神赐教

阅读 1.4k
1 个回答

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

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