vscode红色波浪线

最近代码里出现了很多红色波浪线,虽然对代码提交发布没有产生什么影响,但红色的提示线看着着实烦人,以此记录。

目前遇到的两种情况:

1、

2、

查看文档发现,报错原因:

1、v-for必须有唯一值,

2、v-for和v-if不能同时使用

解决方法也搜集到很多种:

1、在setting.json种添加  

"vetur.validation.template": false,

"eslint.enable": false,

一个是js文件取消波浪线,一个是vue文件取消波浪线

2、加动态key值

:key='index'

在Vue 2.2 之后,要求 component 进行列表渲染时,必须指定 key,在旧代码中,有很多页都没有为for循环添加唯一值,要想每一页都添加也是很耗费时间,

如果代码中总是出现不明波浪线闪动,推荐先用第一种解决方法暂时解决问题,不要影响工作进度,工作任务完成后还是要找到波浪线原因,毕竟设置eslint就

是为了语法规范,不要偷工取巧,时刻严格要求自己。

你可能感兴趣的:(vscode红色波浪线)