Duplicate keys detected: { key }. This may cause an update error.

[DmitryNeposidjaka]

Hi, thanks for your great component!! I have caught a an error while trying to use your demo https://github.com/hejianxian/vddl/blob/master/example/src/views/simple.vue
print of error:

How can I fix it? what more information I cant present to you ?

[eklundkristoffer]

I'm currently experiencing this as well, did you manage to solve it yet?

[yyman001]

我使用内嵌electron 调用也是一样会出现这个问题，web没发现这个问题

[yyman001]

@DmitryNeposidjaka @eklundkristoffer i am find a fix function,more msg look at #27

[yyman001]

@eklundkristoffer @DmitryNeposidjaka @hejianxian 这次是发现了导致这个bug的原因和暂时解决方案。

[hejianxian]

@DmitryNeposidjaka @eklundkristoffer

In the newer version of vue, this error message does appear. I will find a way to fix this problem as soon as possible. Or you can lower the vue version first.

[Zanzavar]

Same problem here. Unfortunately i cannot downgrade as i need to use Vue 2.5 in order to implement subscribing to actions.

[awulkan]

@Zanzavar I think it was somewhere around 2.5.9 that this error log was introduced. So you can still be on 2.5.

Anyway, this error was probably always in VDDL, in the new Vue version they just decided to log it afaik.

[JuniorNunes7]

I solved this problem defining a unique prefix to key:

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

[kjhatis]

[Vue warn]: Duplicate keys detected: 'A-1'. This may cause an update error. 

After trying your solutiion it still says the same @JuniorNunes7

[hejianxian]

@kjhatis Try it.

https://github.com/hejianxian/vddl#warning

[xyz-zz]

Even if the value of the key is changed, the only existing ID attribute will still be wrong

[Tanyuta]

Thank u, @JuniorNunes7, it solved my problem too.

[mcisback]

I solved this problem defining a unique prefix to key:

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

thanks so much ! This solved my issue :D

[xiooLoo]

I solved this problem defining a unique prefix to key:

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

谢谢了, 很有效果, 只要保证Array的:key不一致就不会有问题了😁

[Lucascoml]

Has anyone seen solve?

[wenweih]

@Lucascoml

add index for v-for when iterator

like <div v-for="(item, index) in items" :key="`item-${index}`"></div>

V-for with simple arrays: what key to use?

[eeerrrttty]

I solved this problem defining a unique prefix to key:

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

Best answer, worked here!

[korsino]

I solved this problem defining a unique prefix to key:

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

Worked! Thank you 🙌

[marcelodmdo]

In determinated case, we can have:
post list (5 per page)
when you create a new post, and append (or prepend) to reactive array, a new element is accounted for.
When you scroll after that, you will see that have duplicated object (retrieved from backend, 6 insted 5)
thats the error

[houtianqi-ansin]

I solved this problem defining a unique prefix to key:

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

Thank you, I solved it.