1.后端权限标识符设置

权限字符可以设置为其他任意字符,但是必须与前端对应

2.前端代码设置

        api设置

使用get方法获取前端显示信息 

        按钮添加

除了权限字符的设置,需要自定义方法相应按钮的点击事件

        自定义方法

首先引用api 

进行错误检测 

3.ruoyi权限修改与测试

在菜单管理中找到刚才添加测试按钮位置 

 添加按钮并进行权限字符设置,保证与后端权限字符一致

 点击按钮,测试成功

在角色管理处关闭普通角色测试按钮权限

         

 普通角色没有显示测试按钮,成功

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐