1、我第一次的时候加上key,一般都为字符串或者数字,最好不要用对象,也可以用下标赋值给key,加上的例子如下:

 <div v-for="blog in blogs"  class="single-blog"  :key="index">
 

第一次用的时候没有问题,标的红线消失了,可是第二次却没有作用了,于是我就发现要这样写,如下:


 <div v-for="(blog,index) in blogs"  class="single-blog" :key="index">
 

这样可以解决大多数的问题,可是还有一些情况不适用,所以就有了第三种

2、将"vetur.validation.template": false添加到vscode编译器用户设置的文件中,即可,具体步骤如下:

(1)先在左下角找到设置,打开在这里插入图片描述

(2)找到文件设置,并打开setting.json
在这里插入图片描述
(3)、将代码添加到右边的编辑区域中:
在这里插入图片描述
红线即可消失!
仅供参考,若有不正确的地方,请指正!

Logo

前往低代码交流专区

更多推荐