[Vue warn]: children must be keyed:

如果你也像我一样,在select上面需要绑定整个返回的数据值,但是展示只显示一些name,并且可以多选。那么你可能会遇到我这个一样的问题。

el-select绑定值为对象时,报错[Vue warn]: <transition-group> children must be keyed: <ElTag>
解决方法:

<el-select v-model=”leftContent” multiple value-key=”id” placeholder=”请选择”>
<el-option
v-for=”item in slaveList”
:key=”item.id”
:label=”item.name”
:value=”item”>
</el-option>
</el-select>

el-select必须加入value-key属性,且值为item中的一个唯一属性,例如id

    原文作者:前端中代码最骚的
    原文地址: https://segmentfault.com/a/1190000017405349
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞