vue template v-for不能带key问题,鼠标悬停+快速修复 跳过验证 报错(报红)

报错(报红):

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>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值