vue v-hasPermi 获取不到el

在Vue.js中，`v-hasPermission`通常是自定义指令，用于检查用户是否拥有特定权限。如果你遇到`v-hasPermission: el`获取不到的情况，可能是以下几个原因：

1. 指令绑定错误：确保你在需要验证权限的地方正确地使用了这个指令，例如在元素上使用`v-has-permission="permissionName"`,而不是`v-hasPermi: el`。

2. 自定义指令未注册：如果这是自定义指令，你需要确保它已经被Vue实例正确地注册。通常是在组件的`directives`选项里注册。

3. 权限变量未定义：`permissionName`应该引用一个已经定义并且管理全局权限状态的数据属性，比如在Vuex store中。

4. 没有传入正确的权限值：确保传递给指令的`permissionName`是一个有效的字符串，对应于实际存储的权限名。

5. 生命周期问题：`v-hasPermission`可能会在某些生命周期钩子（如`mounted`或`updated`）之后才生效，确认指令在正确的时机运行。

解决这个问题的一个建议是检查相关代码片段，并确保权限变量、指令声明以及数据绑定的正确性。同时，在项目代码库中搜索并查看`v-hasPermission`的使用位置，看看是否有潜在的问题。

相关问题

<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >新增</el-button><el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['system:user:add']" >新增</el-button>是vue-element-admin中的，该按钮点击后没有反应

在vue-element-admin中，`v-hasPermi`是一个自定义指令，用于控制用户是否有权限操作某个功能，如果用户没有相应的权限，则会禁用该按钮。但是，在您提供的代码中，两个按钮的`v-hasPermi`属性值相同，这可能导致两个按钮都被禁用，从而导致点击后没有反应。

您可以检查`v-hasPermi`指令的实现代码，并确保根据您的权限配置，正确地渲染这些按钮。另外，您还可以检查控制台是否存在任何错误或警告信息，这些信息可能有助于确定为什么按钮没有反应。