1. 在后台的【维护】-【权限维护】添加要控制的按钮或接口,其中【权限标识】需要唯一,比如admin-xxx-yyy-edit。
2. 在要控制的按钮等组件添加v-auth,比如如下示例,其中admin-slim-reservation-modify是第一步设置的权限标识。
<el-button v-auth="['admin-slim-reservation-modify']" >修改</el-button>
3. 源码中src/directive/module/auth.js应如下,如果有部分代码被注释,需修改。
import store from '@/store';
import { includeArray } from '@/libs/auth';
export default {
inserted (el, binding, vnode) {
const { value } = binding;
const access = store.state.userInfo.access;
if (value && value instanceof Array && value.length && access && access.length) {
const isPermission = includeArray(value, access);
if (!isPermission) {
el.parentNode && el.parentNode.removeChild(el);
}
}
}
}
4.最后,在【设置】-【管理权限】中,先配置角色以及对应的权限,再添加管理员,并给适当的角色。
Was this helpful?
0 / 0