• 'scope' is defined but never used


       在template使用scope属性时可能会出现波浪线或者编译时提示错误,但最终的编译结果正常,其实这是ESlint插件检查语法规范所致,该问题并不会影响程序的正常运行。

      (一)在scope属性值下方出现红色波浪线,如下图所示

      它表明scope这变量已经定义了,但是从未被使用过。

      (二)编译提示错误,如下图所示:

      其实,在该错误的下方给出了修改策略,如下图所示:

      我们可以根据提示命令进行屏蔽编译过程的错误。

      (三)命令的使用

       在代码中我们可以利用命令来屏蔽一些语法规范的检查,如 eslint-disable-next-line和eslint-disable,注意了这些命令必须要采用注释的方式使用。

      (1)eslint-disable命令的使用

      eslint-disable命令表示会将该命令所在行后面的所有文件进行语法规范检查屏蔽,若遇到eslint-enable命令就会结束屏蔽。

    • 若想屏蔽整个文档的语法规范检查,那么在文件的开头直接使用eslint-disable命令,在Vue文件的template标签中这样使用:<!-- eslint-disable -->,在script标签中这样使用: /* eslint-disable */
    • 若想屏蔽某段代码的语法规范检查,那么就结合eslint-disable和eslint-enable命令,在Vue文件的template标签中这样使用:<!-- eslint-disable --> 和 <!-- eslint-enable>两个命令将某段代码块包住,在script标签中这样使用:/* eslint-disable */ 和 /* eslint-enable */ 两个命令将某段代码块包住。

      (2)eslint-disable-next-line命令的使用

      eslint-disable-next-line命令表示该命令所在行的下一行的代码规范被屏蔽检查了。

    • 在Vue文件的template标签中这样使用:<!-- eslint-disable-next-line -->
    • 在Vue文件的script标签中这样使用: // eslint-disable-next-line

      (四)修改示例

      这样修改后再次编译,结果显示没有错误提示了。

      (五)Vue新版本中还可以这样修改

      用slot-scope属性代替scope属性,修改如下图所示:

      这样修改后,也许你不会遇到编译错误了,不过也有些同学还是出现编译错误,此时你就按照上述的方式来屏蔽吧。

  • 相关阅读:
    [教程]北京迅为iMX6ULL开发板上配置 AP 热点
    [QT进阶篇]迅为手把手视频教程嵌入式学习之QT进阶篇
    新手学习嵌入式Linux和Android开发板推荐
    【迅为免费教程】 嵌入式学习之Linux入门篇分享
    迅为 iTOP-i.MX6ULL 开发板-Mqtt 移植教程
    9月29日学习日志
    9月8日学习日志
    9月7日学习日志
    9月6日学习日志
    9月5日学习日志
  • 原文地址:https://www.cnblogs.com/bien94/p/12316730.html
Copyright © 2020-2023  润新知