vue报错：[Vue warn]: Duplicate keys detected: '1'. This may cause an update error.

vue 开发的时候遇到如下错误信息[Vue warn]: Duplicate keys detected: '1'. This may cause an update error.found in---&amp;gt; &amp;lt;Index&amp;gt; at src/views/list/index.vue&amp;lt;A

叶公子star

13137人浏览 · 2019-03-05 15:42:43

叶公子star · 2019-03-05 15:42:43 发布

vue 开发的时候遇到如下错误信息

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

found in

---> <Index> at src/views/list/index.vue
       <App> at src/App.vue
         <Root>
[Vue warn]: Duplicate keys detected: '5'. This may cause an update error.

found in

---> <Index> at src/views/list/index.vue
       <App> at src/App.vue
         <Root>

遇到这样的错误信息则表明循环里的key值不是字符串类型，这里数字类型是不能进行隐式类型转换的，强制转换成String类型即可
当key值为for循环的下标时，当列表的位置发生变化，这时候位置变换则会发生失效，只要把key值变成唯一值就行

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}$/, //不连续的两位字母// /^