[Vue warn]: <transition-group> children must be keyed: <ElTag>
报错如下
[Vue warn]: <transition-group> children must be keyed: <ElTag>
found in
---> <TransitionGroup>
<ElSelect> at packages/select/src/select.vue
<ElFormItem> at packages/form/src/form-item.vue
<ElForm> at packages/form/src/form.vue
<ElDialog> at packages/dialog/src/component.vue
<Anonymous>
<ElMain> at packages/main/src/main.vue
<ElContainer> at packages/container/src/main.vue... (1 recursive calls)
<Layout> at src/components/Layout.vue
<App> at src/App.vue
<Root>
解决方案:
el-select标准中设置value-key=“id”,这个id为v-for对象中item唯一的值
代码示例:
<el-select v-model="form.menus" value-key="id" multiple placeholder="请选择">
<el-option
v-for="role in menus"
:key="role.id"
:label="role.menuName"
:value="role">
</el-option>
</el-select>