选择角色的复选框组
<el-checkbox-group
v-model="checkedRoleGroupList"
@change="checkedChangeRoleGroupHandler"
>
<el-checkbox
name="checked_RoleGroupList"
v-for="item in roleGroupList"
:key="`role_group_` + item.groupId"
:label="item.groupId"
:value="item.groupId"
>{{ item.groupName }}</el-checkbox
>
</el-checkbox-group>
点击事件
async createRole() { //添加角色点击事件
await this.getRoleGroupEnumAsync(); //调用复选框组 接口数据
this.roleGroupList.forEach((item) => { //对列表数据进行过滤,
if (item.groupName == "默认组") { //找到groupName是默认组的
this.checkedRoleGroupList.push(item.groupId); //将他的grouId push 到 checkedRoleGroupList(这个是v-model绑定的数组)
this.checkedChangeRoleGroupHandler([item.groupId]);//调用change事件,将item.groupId传进去,这样就展示该值的数据
}
});
},