[Vue warn]: Duplicate keys detected: x. This may cause an update error

Question

I keep getting an error when I add an item to the array which has duplicate id.

i.e.

active_widgets:Array[4]
0:Object
    id:1
    name:\"Text Blocks\"
         


        

Answer 1

Same key for different v-for loops causing this warning.you can avoid this using different key for different v-for loops.

//here A,B's sample characters.you can take any character in that place