vue-element角色权限动态控制

最新推荐文章于 2025-06-01 09:03:20 发布

Mh_ui

最新推荐文章于 2025-06-01 09:03:20 发布

阅读量4.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/Mh_ui/article/details/90700278

vue 专栏收录该内容

7 篇文章

订阅专栏

思路：

//动态路由meta通过code字段区别是什么菜单权限（与后台统一）
export const asyncRouterMap = [
  {
    path: '/role',
    component: Layout,
    name: 'role',
    meta: { title: '角色管理', code: 'admin' },
    children: [
      {
        path: 'index',
        name: 'role',
        component: _import('role/index'),
        meta: { title: '角色管理', code: 'admin' }
      }
    ]
  }
]

<!--通过getuserInfo接口获取用户信息，返回每个按钮的权限数组actions,页面判断是否显示此动作按钮-->
<el-button 
   v-show="actions.indexOf('/api/Employee/{id}-DELETE') !== -1"
   v-if="scope.row.active" type="info" @click="deleteItem(scope.row.id)">
    删除
</el-button>