Vue+ElementUI实现权限管理之隐藏button

在做毕设的时候发现需要对管理员和普通用户分配权限。一些功能按钮只能管理员用户可以点击使用,具体实现方法如下:

  1. 检查package.json的dependencies中是否引入了js-cookie依赖:
    在这里插入图片描述
    如果没有,需要安装依赖并引入:
    在这里插入图片描述

  2. 在登录组件中导入并对Cookies的参数进行set传值
    在这里插入图片描述

  3. 在main.js中添加指令:如果用户名不是admin即不是管理员,将el对象隐藏
    在这里插入图片描述

  4. el-button使用:
    在这里插入图片描述

这样当用户是不是管理员的时候,button按钮就会隐藏啦~

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue ElementUI后台管理权限框架是一种基于Vue.js和ElementUI的后台管理系统的权限控制解决方案。它主要用于对后台管理系统中的用户角色和权限进行管理和控制。 该权限框架提供了一种简单、灵活的方式来实现用户权限控制。它通过定义角色和权限的方式来管理系统中的用户,可以根据不同的角色给予用户不同的权限。例如,管理员具有最高权限,可以对系统中的所有功能进行操作;而普通用户只能进行部分功能的操作。 在实际应用中,可以通过在路由配置中定义不同的角色和权限来进行权限控制。通过使用Vue Router的导航守卫功能以及ElementUI的菜单组件,可以在用户登录后根据其角色和权限动态生成对应的菜单和路由。 在实现权限控制时,可以将角色和权限的配置存储在后端数据库中,并通过接口提供给前端进行调用。前端可以通过与后端的交互来获取用户的角色和权限,从而进行动态的权限控制。 除了角色和权限控制外,该权限框架还提供了其他功能,如登录、注销、密码修改等。它还支持对菜单的动态展示与隐藏,可以根据用户的权限来显示对应的菜单项。 总体而言,Vue ElementUI后台管理权限框架是一种方便、灵活的权限控制解决方案,可以帮助开发者快速构建权限管理功能,提高开发效率,同时保障系统的安全性。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值