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

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

  第一眼看到这个错误一脸懵逼,项目使用很久了,代码也没有改过,为什么控制台会报这个错,让我很费解,查了一下是因为两个v-for并行使用导致key的,测试了一下确实如此。说明如下:

a.控制台报错:

[Vue warn]: Duplicate keys detected: '0'. This may cause an update error._第1张图片

b.报错前代码

[Vue warn]: Duplicate keys detected: '0'. This may cause an update error._第2张图片

c.修改后,在其中一个并行的v-for里面修改key ,区别于下面的key即可

[Vue warn]: Duplicate keys detected: '0'. This may cause an update error._第3张图片

 

补充说明:如果有路过的大神知道具体原理,请留言说明,谢谢!

转载于:https://www.cnblogs.com/cx709452428/p/10490662.html

你可能感兴趣的:([Vue warn]: Duplicate keys detected: '0'. This may cause an update error.)