报错(报红):

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>
Logo

前往低代码交流专区

更多推荐