vue 按钮权限

想要不同的用户拥有不同的功能权限

使用v-has="'search:mdtj:add'(v-has中的字符自己编辑,一般是目录页面具体按钮功能)

例如:

java 复制代码
<a-button @click="handleAdd" type="primary" icon="plus" v-has="'search:mdtj:add'">新增</a-button>

添加后在菜单管理中配置按钮权限

菜单路径:选择你按钮所在的list页

授权标识:search:mdtj:add

在角色管理配置好对应的权限刷新页面即可。

相关推荐
JackieDYH8 分钟前
HTML+CSS+JavaScript实现图像对比滑块demo
javascript·css·html
BullSmall1 小时前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹1 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder1 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy2 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_2 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行2 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github
一个处女座的程序猿O(∩_∩)O2 小时前
现代前端开发的三大支柱:TypeScript、ESLint、Prettier 深度解析与完美协作
javascript·typescript
xiangxiongfly9153 小时前
JavaScript 惰性函数
javascript·惰性函数
源码获取_wx:Fegn08953 小时前
基于springboot + vue小区人脸识别门禁系统
java·开发语言·vue.js·spring boot·后端·spring