美文网首页
vscode红色波浪线

vscode红色波浪线

作者: 柚子多肉 | 来源:发表于2020-04-13 15:39 被阅读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就

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

    相关文章

      网友评论

          本文标题:vscode红色波浪线

          本文链接:https://www.haomeiwen.com/subject/lgtnmhtx.html