Vue2 使用插件 Volar 报错：＜template v-for＞ key should be placed on the ＜template＞ tag.

目录

问题描述

版本描述

问题定位

问题解决

VS Code 插件地址

---

问题描述

        在 VS Code 上使用插件 Volar 开发 Vue3 项目，然后去改 Vue2 项目时，对没有放在<template v-for> 元素上的 :key，会提示 <template v-for> key should be placed on the <template> tag.

原先 Vue2 项目开发时使用插件 Vuter。

Vue2 代码示例

<template v-for="(item, index) in list">
  <div :key="index" />
</template>

---

版本描述

Vue2 项目	Vue3 项目
vue@2.6.14	vue@3.2.19
eslint@4.19.1	eslint@6.8.0
eslint-plugin-vue@4.7.1	eslint-plugin-vue@7.18.0
babel-eslint@8.2.6	babel-eslint@10.1.0

---

问题定位

eslint-plugin-vue 规则上关于key