当我使用W3C验证器验证我的页面时,我在Vue的事件和绑定语法中出现此错误:
错误:此时元素
v-on:click
上不允许属性div
。
有没有办法解决这个问题?
答案 0 :(得分:5)
理想情况下,他们会支持使用data-*
attributes,例如data-v-on:click
,但似乎他们没有。fetch
。
查看他们的问题Why not using HTML5 data-* attributes。
似乎可以overwrite the used prefix,但此选项seems to have been removed。
答案 1 :(得分:3)
您可以创建一个特定的正则表达式来忽略由于使用vue.js引起的错误:
Attribute “((v-|:)[^”]+|@click)” not allowed.*
根据您对项目的验证程度,可以使用不同的正则表达式。例如,如果您使用的是vnu.jar
的CLI版本,则可以将其放入文件中并使用--filterfile LIST_OF_REGEXES.txt
选项。或者,如果您要设置自己的vnu.jar
服务器,则可以使用-Dnu.validator.servlet.filterfile=LIST_OF_REGEXES.txt
。
(可悲的是,某些node
和html-validator
的包装器,例如html-validator-cli
/ gulp-html
显然仅支持忽略字符串,而不支持正则表达式。其他的诸如{{3} }和grunt-html
,请为此提供支持。)