Auth.js
const hasPermissionDirective = {
mounted(el, binding) {
const userPermissions = ['edit', 'delete'] // 模拟用户权限
const permission = binding.value
if (!userPermissions.includes(permission)) {
el.style.display = 'none'
}
}
}
export default hasPermissionDirective
main.js
import hasPermissionDirective from './util/Auth'
app.directive('auth', hasPermissionDirective)
使用
<el-button
plain
size="small"
icon="Plus"
type="success"
@click="modifySysUserOpen()"
v-auth="'edit'">
新增数据
</el-button>