Vue报错Duplicate keys detected: ‘900‘. 问题处理记录

在开发Vue项目中遇到报错“Duplicate keys detected: '900'. This may cause an update error”，一开始有点懵，于是网上找了一圈，还是找到了一些比较有帮助意义的资料，为了防止自己第二次踏入同一条河，决定拿小本本记下来……

一、报错原因
v-for里的key存在重复值。

 

二、解决办法

参考https://blog.csdn.net/weixin_44626952/article/details/101026672，做了以下总结。

可以采用以下其中一种方法解决：
1、删除数据来源中重复的key值。（本人采用的是此方法）
2、更改key值的定义，比如原来由1个字段作为key值，改为由2个字段组合作为key值。（较多网友采用该方式，不过个人的想法是既然是数据源的问题，那就把有问题的数据处理掉，所以未采用该方法）