vscode红色波浪线
2020-04-13 本文已影响0人
柚子多肉
最近代码里出现了很多红色波浪线,虽然对代码提交发布没有产生什么影响,但红色的提示线看着着实烦人,以此记录。
目前遇到的两种情况:
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就
是为了语法规范,不要偷工取巧,时刻严格要求自己。