当前位置：首页 > article >正文

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

article 2024/10/27 7:14:13

报错如下

[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>