[已解决]antd a-select Duplicate keys detected: ‘55‘. This may cause an update error.

成长中的向日葵

已于 2022-05-18 16:23:03 修改

阅读量1k

点赞数

分类专栏： ant design of vue 文章标签： vue.js 前端

于 2022-05-09 10:18:54 首次发布

本文链接：https://blog.csdn.net/SSophia/article/details/124660480

版权

ant design of vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

在Vue应用中，遇到Duplicate keys错误提示'Duplicate keys detected: '55'. This may cause an update error.'，该错误通常发生在key值重复的情况下。即便在key值唯一，但value值重复时也会引发此问题。博主通过调整数据，确保数组中的value值不重复后，错误消失。文章记录了这一现象，并寻求对此问题有深入理解的大神解答。

摘要由CSDN通过智能技术生成

Duplicate keys detected: ‘55‘. This may cause an update error.

Duplicate keys detected: '55'. This may cause an update error.

 <a-form-item label="供货商" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }">
                     
                      <a-select
                        mode="combobox"
                        allowClear
                        :getPopupContainer="(triggerNode) => triggerNode.parentNode"
                        v-decorator="['riskCategoryId', { rules: [{ required: true, message: '请选择或输入供货商' }] }]"
                        style="width: 100%"
                        placeholder="请选择或输入供货商"
                        @change="handleChange"
                      >
                        <a-select-option
                          v-for="(item) in supplierList"
                          :value="item.SupplierText"
                          :key="item.id"
                        >
                          {{ item.SupplierText }} - {{ item.SupplierPersonel }} - {{ item.SupplierContact }}
                        </a-select-option>
                      </a-select>
                    </a-form-item>

在我的key值唯一的情况下，我发现value值重复的情况下同样报Duplicate keys detected: ‘55’. This may cause an update error.不知道我的结论是否正确。但当数组中的value值变成不重复的时候，确实就不报这个错误了。

希望遇到大神能给我解惑，先记录一下这个问题。