W3C验证和Vue的HTML绑定语法

时间:2016-09-14 19:37:04

标签: html vue.js w3c-validation

当我使用W3C验证器验证我的页面时,我在Vue的事件和绑定语法中出现此错误:

  

错误:此时元素v-on:click上不允许属性div

有没有办法解决这个问题?

2 个答案:

答案 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

(可悲的是,某些nodehtml-validator的包装器,例如html-validator-cli / gulp-html显然仅支持忽略字符串,而不支持正则表达式。其他的诸如{{3} }和grunt-html,请为此提供支持。)