在template使用scope属性时可能会出现波浪线或者编译时提示错误,但最终的编译结果正常。
其实这是ESlint插件检查语法规范所致,该问题并不会影响程序的正常运行。
它表明scope这变量已经定义了,但是从未被使用过。
编译器错误描述:
其实第二行和第三行给出了解决办法,根据命令提示进行屏蔽编译过程的错误。
(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