[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

I solved this by creating a unique key function to add keys to each of my arrays. Then using it in v-for as the key...

            {{ user }} 
            

              {{ post }}
              
{{ dateTime }}