旧的Vue2 项目的key并没有放在<template>上却报错:<template v-for> key should be placed on the <template> tag.,可以看出是被当成 Vue3 来检查了。 这个提示属于 eslint-plugin-vue v7.0.0 版本及以上的规范,项目里的 eslint-plugin-vue 版本是 4.7.1,版本 7.0.0 的规范为什么会出现在这,还待查询...
大体意思就是eslint-plugin-vue 规则在关于key是否能置于<template v-for>上的冲突了。 解决办法: 参考上面的博文操作以后没有成功,使用的办法是将template替换成div,具体操作如下: 原报错代码: 修改后: 简单点说就是: 1.首先将原来的template替换成div; ...
1. 禁⽤插件 Vuter，使⽤插件 Volar；Vue3 ⽂档建议使⽤ Volar，配置好后就可只使⽤ Volar 同时开发 Vue2 & Vue3，⽽使⽤ Volar 需要禁⽤ Vuter：2. 在项⽬根⽬录增加⽂件 jsconfig.json，⽂件内容如下 { "vueCompilerOptions": { "experimentalCompatMode": 2 },} 以上解决⽅法...
旧的Vue2 项目的key并没有放在<template>上却报错:<template v-for> key should be placed on the <template> tag.,可以看出是被当成 Vue3 来检查了。 这个提示属于 eslint-plugin-vue v7.0.0 版本及以上的规范,项目里的 eslint-plugin-vue 版本是 4.7.1,版本 7.0.0 的规范为什么会出现在这,还待查询...
在VS Code 上使用插件 Volar 开发 Vue3 项目, 然后去改 Vue2 项目时,对没有放在<template v-for>元素上的:key,会提示<template v-for> key should be placed on the <template> tag. 原先Vue2 项目开发时使用插件 Vuter。 Vue2 代码示例 <templatev-for="(item, index) in list"></template> 版本...