vue控制台报错Duplicate keys detected: ‘xxxx‘. This may cause an update error.解决方案

1、背景：vue项目运行时，控制台报了下面图中的一个错，虽然不影响整体项目的开发，但每次看到这个红色的报错就闹心

2、报错原因：网上查了资料，说是v-for循环里，key值可能重复了，所以会报这个错，于是就瞅了瞅对应页面的v-for代码，果然数据中有重复的数据

3、解决办法：key值是必须唯一的，如果重复就会报错。我们可以把key值改为index（其实就是用索引做key值），就可以避免这个情况