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

如果你也像我一样，在select上面需要绑定整个返回的数据值，但是展示只显示一些name,并且可以多选。那么你可能会遇到我这个一样的问题。el-select绑定值为对象时，报错[Vue warn]: <transition-group> children must be keyed: <ElTag>解决方法：&...

weixin_34319999

11613人浏览 · 2018-12-17 05:16:33

weixin_34319999 · 2018-12-17 05:16:33 发布

如果你也像我一样，在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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^