[Vue warn]: ＜transition-group＞ children must be keyed: ＜ElTag＞

Vue 报错：
[Vue warn]: <transition-group> children must be keyed: <ElTag>

 

问题

如果需要在 el-select 上面绑定整个 item 对象时，但是展示只显示 name 字段，会报如标题所示错误

<el-select
  v-model="dialogForm.placeInfo"
  value-key="id"
  multiple
  :multiple-limit="5"
  filterable
  reserve-keyword
>
  <el-option
    v-for="item in placeOptions"
    :label="`${item.name}（${item.applyPerson}）`"
    :key="item.id"
    :value="item"
  ></el-option>
</el-select>

解决方法

el-select 标签添加 value-key 属性，且值为 item 中的唯一属性值，如 id