Vue报错：Elements in iteration expect to have ‘v-bind:key‘ directives的解决办法

1.我们在使用v-for的时候，在v-for 后添加 v-bind:key="item"<div v-for="todo in todos" :key="todo"><span>这是内容</span></div>

ys_healone

16888人浏览 · 2021-06-03 10:22:21

ys_healone · 2021-06-03 10:22:21 发布

1.我们在使用v-for的时候，在v-for 后添加 v-bind:key="ite

Vue 2.2.0+的版本里，当在组件中使用v-for时，key是必须的。

1.我们在使用v-for的时候，在v-for 后添加 v-bind:key="item"

<div v-for="todo in todos" :key="todo">
    <span>这是内容</span>
</div>

2.我们可以更改vetur配置：vscode文件（file）->首选项（preferences）->设置(settings)->搜索vetur.validation.Template，将这一项去掉该为false就可以了

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