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

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

相关推荐
IVEN_2 分钟前
本地正常,Docker 怎么就空白:Next.js SSR 的 Alpine musl DNS 陷阱
前端·docker·next.js
凡人叶枫2 分钟前
Effective C++ 条款24:若所有参数皆须要类型转换,请为此采用 non-member 函数
linux·前端·c++·算法·嵌入式开发
用户887665426634 分钟前
Web3 前端实时通信如何落地:从 SSE 订阅到行情、订单与账户状态更新
前端·react.js·web3
an317427 分钟前
使用 LangGraph + DeepSeek 构建 AI 面试官:状态图设计与实践
前端·ai编程
代码不加糖8 分钟前
MessageChannel是什么,有什么使用场景?
前端·javascript
小小龙学IT12 分钟前
HTMX:让 HTML 重新成为前端核心的超轻量动态交互库
前端·html·交互
星栈12 分钟前
写 Makepad Demo 不难,难的是把它写成项目
前端·rust
用户0595401744613 分钟前
localStorage清除策略踩坑实录:一个过期的token让我排查了3小时
前端·css
Nanachi15 分钟前
跨框架的前端源码定位,再加上点LLM
前端
人无远虑必有近忧!35 分钟前
fetch请求图片报跨域
前端·javascript