v-permission在el-table-column里面怎么用
时间: 2023-11-22 13:47:13 浏览: 98
K8S用户权限管理工具permission-manager-v1.6.0
v-permission是一个自定义指令,可以用于在Vue.js应用程序中控制元素的显示和隐藏。在el-table-column中使用v-permission可以实现标签的权限隐藏。具体步骤如下:
1. 在Vue.js应用程序中注册v-permission指令。
2. 在el-table-column标签上使用v-permission指令,并将需要判断的权限作为参数传递给指令。
3. 在指令的bind函数中,使用this.$auth.hasPermi()方法判断当前用户是否有权限,如果没有权限,则将元素的display属性设置为none,实现隐藏。
下面是一个示例代码:
```html
<el-table-column label="操作" align="center" v-permission="'production:semi:registeExport'">
<!-- 在这里放置需要显示的内容 -->
</el-table-column>
```
在上面的代码中,v-permission指令的参数为'production:semi:registeExport',表示需要判断的权限。当用户有该权限时,el-table-column标签会正常显示;当用户没有该权限时,el-table-column标签会被隐藏。
阅读全文