【Vue.js】报错：Elements in iteration expect to have ‘v-bind:key’ directives（vue/require-v-for-key）

写在开篇，我使用的是webstore编辑器，如果你用的是VScode编辑器，请点击这个链接

说明

      一：我没有验证过上述VScode版方案是否能解决此问题

      二：写在开篇的原因是小编在解决这个问题的过程实在曲折，算是给大家排个雷吧

 

 

正文开始——

 

问题：

在写到下面的代码时，报错：Elements in iteration expect to have ‘v-bind:key’ directives（vue/require-v-for-key）

  <div class="star" :class="starType">
    <span v-for="itemClass in itemClasses" :class="itemClass" class="star-item" track-by="$index"></span>
  </div>

原因：

安装了ESLint插件，对vue进行了eslint检查，只需将这个规则检查屏蔽掉

解决办法：

如图，我使用的是提示的第一种方法，在想要忽略eslint检查的这行代码前面加上注释：<!--eslint-disable-next-line-->

  <div class="star" :class="starType">
    <!--eslint-disable-next-line-->
    <span v-for="itemClass in itemClasses" :class="itemClass" class="star-item" track-by="$index"></span>
  </div>

 

然后问题解决.........