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

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

相关推荐
qyresearch_6 分钟前
射频前端MMIC:5G时代的技术引擎与市场机遇
前端·5g
天蓝色的鱼鱼10 分钟前
Next.js 渲染模式全解析:如何正确选择客户端与服务端渲染
前端·react.js·next.js
一枚前端小能手16 分钟前
🚀 巨型列表渲染卡顿?这几个优化技巧让你的页面丝滑如德芙
前端·javascript
酷柚易汛智推官16 分钟前
Electron技术深度解析:跨平台桌面开发的利器与挑战
前端·javascript·electron
llz_11221 分钟前
第五周作业(JavaScript)
开发语言·前端·javascript
yannick_liu32 分钟前
nuxt4 + nuxt-swiper实现官网全屏播放
前端
苏打水com35 分钟前
JS基础事件处理与CSS常用属性全解析(附实战示例)
前端
W.Y.B.G37 分钟前
JavaScript 计算闰年方法
开发语言·前端·javascript
渣哥1 小时前
你以为只是名字不同?Spring 三大注解的真正差别曝光
javascript·后端·面试
小六路1 小时前
可以横跨时间轴,分类显示的事件
前端·javascript·vue.js