vue按钮根据权限控制显示隐藏

1.在main.js中添加以下代码

加在new vue之前

// 权限指令 Vue.directive('has', { bind: function (el, binding) { if (!Vue.prototype.$_has(binding.value)) { el.style.display = 'none' } } }) // 权限检查方法 Vue.prototype.$_has = function (value) { let isExist = false // 获取拥有的权限 let role= store.state.d2admin.user.info.role if (role=== value) { isExist = true } return isExist }

2.在需要控制的按钮上加v-has:

<el-button v-has="parameter" style="float: right" @click="dialogForm(false)">新增</el-button>

parameter处是自己项目的权限标识