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

b.报错前代码

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

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

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

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