[Vue警告]：检测到的重复键：x。这可能会导致更新错误

当我将项目添加到具有重复ID的数组中时，我会遇到错误。

IE。

active_widgets:Array[4]
0:Object
    id:1
    name:"Text Blocks"
    selected:false
    set:false
1:Object
    id:3
    name:"Bibliographies/References"
    selected:false
    set:false
2:Object
    id:1
    name:"Text Blocks"
    selected:false
    set:false
3:Object
    id:2
    name:"Free Text"
    selected:"Test"
    set:false

在我的情况下，" ID"元素可能会复制，因为用户可以多次在页面上具有相同的小部件。我想知道我是否可以抑制或删除Vuejs不断投入控制台的警告。

答案

不同的键v-for循环引起此警告。您可以避免使用不同的键v-for循环。

    <div v-for="(item, i) in items" :key="i"></div>

    <div v-for="(item, i) in items2" :key="'A'+ i"></div>

    <div v-for="(item, i) in items3" :key="'B' + i"></div>

这里，A和B只是示例字符。

来自: stackoverflow.com