roleIdList 中保存的为已经选中的选项，可以请求⽤户已经分配的⻆⾊，并修改 roleIdList 即可。 这⾥使⽤查询⽤户⻆⾊接⼝：地址。 // services/role.js … // 查询⽤户⻆⾊ export const getUserRoles = userId => { return request({ method: ‘GET’, url: /boss/role/user/${</font><font style="color:rgb(0,92,197);">userId</font><font style="color:rgb(102,153,0);">} }) }

引⼊

import { getAllRoles, allocateUserRoles, getUserRoles } from ‘@/se rvices/role’

在点击 分配⻆⾊ 按钮时，根据当前⽤户 id 查询⻆⾊并更新 roleIdList 即可

// 点击⽤户的分配⻆⾊按钮 async handleSelectRole (userData) { … // 根据⽤户id请求⻆⾊信息（data 被之前的请求使⽤过了，换个名字） const { data2 } = await getUserRoles(userData.id) // 遍历得到的⻆⾊列表，将id组成数据替换给 roleIdList 即可 this.roleIdList = data2.data.map(item => item.id) },