vddl
vddl copied to clipboard
hejianxian
Duplicate keys detected: { key }. This may cause an update error.
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 ?
I'm currently experiencing this as well, did you manage to solve it yet?
@DmitryNeposidjaka @eklundkristoffer i am find a fix function,more msg look at https://github.com/hejianxian/vddl/issues/27
@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.
Same problem here. Unfortunately i cannot downgrade as i need to use Vue 2.5 in order to implement subscribing to actions.
@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.
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>
[Vue warn]: Duplicate keys detected: 'A-1'. This may cause an update error.
After trying your solutiion it still says the same @JuniorNunes7
Even if the value of the key is changed, the only existing ID attribute will still be wrong
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
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
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?
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!
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 🙌
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
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.
