vue报错：Duplicate keys detected: '22666'. This may cause an update error

最近在vue项目中遇到一个报错，虽然不影响使用，但是报错还是得解决的一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码：key值是必须唯一的，如果重复就会报错可以把key值改为index，就可以避免这个情况：...

Eva-rascal

85353人浏览 · 2018-06-12 13:47:21

Eva-rascal · 2018-06-12 13:47:21 发布

##最近在vue项目中遇到一个报错，虽然不影响使用，但是报错还是得解决的
这里写图片描述
一进入某页面，就会冒出这么一长串的报错，这个是由于v-for循环里，key值可能重复了，所以会报这个错。查看了一下页面代码：

key值是必须唯一的，如果重复就会报错
可以把key值改为index，就可以避免这个情况：
这里写图片描述
不过直接用index作为key并不是一个好的选择，这样做不利于性能的提升，可以使用item的唯一id作为key更好！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^