vue自定义指令控制按钮权限

vue自定义指令控制按钮权限 

在Vue中，可以通过自定义指令来实现按钮级的权限控制。以下是一个简单的示例：

1. 首先，创建一个自定义指令，例如`has`。这个指令需要在main.js文件中引入，并使用Vue.directive方法来创建。在`has`指令中，我们需要获取页面按钮权限，并根据当前登录人的按钮权限进行比较，以确定是否显示按钮。

2. 在页面中，按钮只需加v-has即可。例如，`编辑`。

需要注意的是，权限控制这种事情需要前后端结合，前端尽可能的去控制，更多的需要后台判断。永远不相信用户输入。

另外，自定义指令的执行是在运行时解析并执行的，与内置指令的编译时解析有所不同。