Vue3 添加按钮权限自定义指令

152 阅读1分钟

1 需求

根据 不同的 权限展示或隐藏新增编辑的按钮

2 实现

使用自定义指令来控制按钮,当有权限是就显示按钮,没有就移除元素

3 代码实现过程

3.1 创建指定要权限按钮控制文件 src/directives/permission.ts

image.png

3.2 创建统一导出自定义指令文件 src/directives/index.ts

image.png

3.3 main.ts 中使用

image.png

3.4 在页面中使用

image.png