Eslint效验报错问题盘点

最新推荐文章于 2024-04-07 19:53:47 发布

痴心阿文

最新推荐文章于 2024-04-07 19:53:47 发布

阅读量2.6k

点赞数 1

分类专栏： bug报错文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/zhangxueyou2223/article/details/128324971

版权

bug报错专栏收录该内容

9 篇文章 0 订阅

订阅专栏

82:40 error '$index' is defined but never used

因为index没有使用过,所以报错，从代码中删除索引，因为您不使用它，因此不需要它

error Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive vue/valid-v-for

首先key是不能在template标签上绑定的，因为它不是实际被渲染到dom上的内容，只接受控制属性。所以key的绑定规范是绑定到template标签下一级的dom结构上，如果template标签下有多个同级结点，那么每一个同级结点都要绑定该template标签v-for中定义的变量的key。

error `slot` attributes are deprecated

是因为vue 3.x 增加了v-slot的指令,去掉了原来的slot,slot-scope属性。vue正在抱怨旧的slot属性已更改为v-slot

新写法： v-slot

el-dropdown-menu标签外面加上<template v-slot:dropdown> </el-dropdown-menu>

'.native' modifier on 'v-on' directive is deprecated vue/no-deprecated-v-on-native-modifier

原因就是 .native修饰符在vue3中被弃用了。我看的那个文档没有看到这个。

<template>
  <!-- ✓ 正确写法 -->
  <CoolInput v-on:keydown.enter="onKeydownEnter" />
  <CoolInput @keydown.enter="onKeydownEnter" />
 
  <!-- ✗ 错误写法 -->
  <CoolInput v-on:keydown.native="onKeydown" />
  <CoolInput @keydown.enter.native="onKeydownEnter" />
</template>

待续.... 后面补充更新