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

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

相关推荐
徐小夕几秒前
pxcharts-vue:一款专为 Vue3 打造的开源多维表格解决方案
前端·vue.js·github
Hilaku几秒前
我会如何考核一个在简历里大谈 AI 提效的高级前端?
前端·javascript·面试
进击的尘埃13 分钟前
Vue3 中 emit 能 await 吗?事件机制里的异步陷阱
javascript
青青家的小灰灰23 分钟前
告别 Prop Drilling:Context API 的陷阱、Reducer 模式与原子化状态库原理
前端·javascript·react.js
叶智辽25 分钟前
【Three.js后期处理】如何让你的场景拥有电影级调色
前端·three.js
进击的尘埃26 分钟前
CSS 变量 + 主题切换:从 CSS-in-JS 回归原生方案的实践之路
javascript
csdn飘逸飘逸26 分钟前
Autojs基础-按键模拟(keys)
javascript
前端付豪27 分钟前
Nest 项目小实践之前端注册登陆
前端·node.js·nestjs
wuhen_n27 分钟前
Suspense:异步组件加载机制
前端·javascript·vue.js
大雨还洅下27 分钟前
前端JS: ES6新特性
前端