报错(报红):
Custom elements in iteration require 'v-bind:key' directives
template v-for不能带key问题:(不行)
文件 --> 首选项 --> 设置 --> 搜索框输入:vetur.validation.template --> 取消勾选
(不行)
按照官网说的key 则应该被设置在 <template> 标签上的话,可以修改.eslintrc.js的配置,在rules的规则上添加:
'vue/no-v-for-template-key': 'off'
解决方法:
偶然发现还有另外一种比较快捷的方式:(ok)
鼠标悬停+快速修复
会在报错代码上面加一条跳过验证的注释
<!-- eslint-disable-next-line vue/valid-v-for -->
<template v-for="column in propColumns">
<!-- 以下报红为兼容性bug,Eslint要求必须带key,但template又不支持设key,使用“鼠标悬停+快速修复”方式解决 -->
<!-- eslint-disable-next-line vue/valid-v-for -->
<el-checkbox :label="column.label" />
</template>