[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

猜你喜欢

转载自blog.csdn.net/GrootBaby/article/details/126738498
今日推荐