问答

vue 简单动态路由

作者:admin 2021-05-12 我要评论

场景: 项目有两个固定角色,a、b a的路由为 { path: '/fileManagement', component: Layout, redirect: '/fileManagement/index', name: 'fileManagement', met...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

场景:

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue 简单动态路由

    vue 简单动态路由

  • A服务器上远程访问B服务器的mysql,提

    A服务器上远程访问B服务器的mysql,提

  • 请问jenkins如何获取 推送过来的git代

    请问jenkins如何获取 推送过来的git代

  • 采用http2搭站的话 nginx设置了http2

    采用http2搭站的话 nginx设置了http2

腾讯云代理商
海外云服务器