vue中使用v-for，出现警告 component lists rendered with v-for should have explicit keys

在运行vue项目时，其中使用了for循环，虽然界面没出现问题，但命令行还是有一段问题警告：从上述警告中可以看出，意思是我们的for循环中，缺少对应key，所以我们加上即可：...

七侠剑客

17939人浏览 · 2019-04-28 10:12:52

七侠剑客 · 2019-04-28 10:12:52 发布

在运行vue项目时，其中使用了for循环，虽然界面没出现问题，但命令行还是有一段问题警告：
在这里插入图片描述
通过官网 Vue.js我们可以查看Key的定义：

从上述警告中可以看出，意思是我们的for循环中，缺少对应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}$/, //不连续的两位字母// /^