select 开启多选,且值为一个对象

做后台管理页面时,遇到从后端返回一个数组,需要绑定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 等某个属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容