1、在src下创建mixins文件夹,创建一个按钮权限的js文件
import store from "@/store";
export default{
data() {
return {
msg: '所有页面都有这个msg',
};
},
methods:{
//校验按钮权限
checkPremission(str){
//str是某个按钮的权限标识
//判断str是否在当前用户的按钮权限标识数组中
const userInfo=store.state.user.userInfo
if(userInfo.roles&&userInfo.roles.points.length){
//登录了,有按钮权限
return userInfo.roles.points.includes(str)
}else{
return false
}
}
}
}
2、在main.js中导入注册
//导入全局混入对象
import checkPermission from '@/mixins/checkPermission'
Vue.mixin(checkPermission)
3、在需要使用管理权限的按钮添加对应的方法
<el-button type="text"
size="small"
:disabled="!checkPremission('employees_edit')"
@click="$router.push(`/employees/detail/${ row.id}`)">查看</el-button>