做后台管理页面时,遇到从后端返回一个数组,需要绑定select下拉框,并且实现多选,数据如下图:
let tempObj = [
{
id: 1,
label: 'admin'
},
{
id: 2,
label: '测试员'
}
]
select 开启多选,当绑定值为一个对象时需要添加
value-key
<el-select
v-model="scope.row.roleIds"
multiple
value-key="id"
placeholder="请选择"
@visible-change="updateRoleHandle($event, scope.row)"
>
<el-option v-for="item in tempObj " :key="item.id" :label="item.label" :value="item"></el-option>
</el-select>
这种情况下要注意 el-option 绑定的 value,为整个 item,而不是 item.id 等某个属性