main.js
//自定义按钮权限指令 例:v-auth="'CGRK_SHD_XJ_TJ'" 值需要加单引号,不然会去实例的data中查找该变量。
//且加单引号之后才能从 binding.value 上拿到传参
Vue.directive('auth', {
//此时不能使用bind钩子函数,否则会找不到父元素影响接下来取父元素的操作
inserted: ((el, binding) => {
if(store.state.users.user.isAdmin != 1 && !store.state.users.user.privileges.includes(binding.value)){
el.parentNode.removeChild(el)
}
})
})
<el-button type="primary" icon="el-icon-position" @click="submit" v-auth="'CGRK_SHD_XJ_TJ'">提交</el-button>
<el-button type="primary" icon="el-icon-finished" @click="interim_save" v-auth="'CGRK_SHD_XJ_LSBC'">临时保存</el-button>