实现思路
第一步:触发分配角色按钮打开用户角色对话框
//点击按钮打开分配用户角色对话框
async setUserRoles(role) {
//显示对话框
this.isSetRoleUser = true;
}
第二步:绘制对话框的布局并调取角色列表接口渲染下拉框中角色列表
//点击按钮打开分配用户角色对话框
async setUserRoles(role) {
console.log(role);
//当前角色信息
this.currentUserInfo = role;
//调用角色列表接口
const res=await roleListAPI()
console.log('角色列表:::',res)
this.roleList=res;
//显示对话框
this.isSetRoleUser = true;
}
第三步:选择用户要分配的角色并单击确定执行分配用户角色接口