W3C驗(yàn)證和Vue的HTML綁定語(yǔ)法(W3C Validation and Vue's HTML binding syntax)

當(dāng)我使用W3C驗(yàn)證器驗(yàn)證我的頁(yè)面時(shí)，我得到了Vue的事件和綁定語(yǔ)法的錯(cuò)誤：

錯(cuò)誤：屬性v-on:click元素div上不允許。

有沒有辦法來(lái)解決這個(gè)問題？

When I validate my page with the W3C validator, I get this error with Vue's event and binding syntax:

Error: Attribute v-on:click not allowed on element div at this point.

Is there a way to fix this?

原文：https://stackoverflow.com/questions/39498365

更新時(shí)間：2019-12-09 09:15

最滿意答案

理想情況下，它們支持使用data-*屬性 ，例如data-v-on:click ，但似乎它們沒有。

They would ideally support the use of data-* attributes, e.g., data-v-on:click, but it seems they don’t.

相關(guān)問答

我想你想要實(shí)現(xiàn)的是...... /p>

"http://www.w3.org/TR/html4/strict.dtd">

...

你必須使用規(guī)范形式。 *用于可與標(biāo)簽一起使用的結(jié)構(gòu)指令。 使用*模板是隱式的，但您可以始終使用顯式模板標(biāo)記，并使用上面列出的綁定的規(guī)范形式。 請(qǐng)參閱https://angular.io/docs/ts/latest/guide/template-syntax.html中的 * and You have to use the canonical form. The * is for structural directives which can be use

...

根據(jù)主頁(yè)上的代碼，我似乎擺脫了這條消息的唯一方法是為第一個(gè)隱藏的輸入分配一個(gè)值

...

這里是當(dāng)前W3C HTML Checker (驗(yàn)證器)的維護(hù)者。 我認(rèn)為理解當(dāng)前HTML檢查器的預(yù)期目的很重要，這與傳統(tǒng)W3C標(biāo)記驗(yàn)證器的目的不同。 檢查者的目的記錄在https://validator.w3.org/nu/about.html#why-validate ： 通過(guò)一致性檢查程序運(yùn)行HTML文檔的核心原因很簡(jiǎn)單：要捕獲意外錯(cuò)誤 - 您可能錯(cuò)過(guò)了其他錯(cuò)誤 - 以便您可以修復(fù)它們。 除此之外，HTML規(guī)范中的一些文檔一致性要求(有效性規(guī)則)可以幫助您和文檔的用戶避免某些潛在的問題。 有些

...

理想情況下，它們支持使用data-*屬性 ，例如data-v-on:click ，但似乎它們沒有。 查看他們的問題為什么不使用HTML5 data- *屬性 。 似乎可以覆蓋使用的前綴 ，但似乎已刪除此選項(xiàng)。 They would ideally support the use of data-* attributes, e.g., data-v-on:click, but it seems they don’t. See their issue Why not using HTML5 data-

...

您可以下載W3C驗(yàn)證程序的副本并在本地運(yùn)行它 。 還有許多其他離線HTML驗(yàn)證器，例如HTML Tidy和Total Validator 。 您還可以考慮將驗(yàn)證作為持續(xù)集成的一部分進(jìn)行運(yùn)行。 有Jenkins和其他CI服務(wù)器的插件，例如Unicorn Validation插件 。 You can download a copy of the W3C validation program and run it locally. There are also a number of other off

...

選框標(biāo)記不是html5(根本不是html，而是1995年的微軟專有標(biāo)記) 您可以 ： 使用JavaScript來(lái)動(dòng)畫文字 使用CSS動(dòng)畫( 不完全兼容瀏覽器 ) 使用css3選取框 (不完全兼容瀏覽器) 使用選取框并忽略W3C警告(即使在iOS Safari瀏覽器中，滾動(dòng)條也是完全兼容瀏覽器的！) 不要使用字幕效果(這是丑陋的) 使用W3C驗(yàn)證器時(shí)要小心，它并不總是知道所有的W3C規(guī)范！ Marquee tag is not html5 (is not html at all, but Micro

...

在HTML中， id屬性在整個(gè)文檔中必須是唯一的。 如果您需要幾個(gè)清晰的

元素，請(qǐng)改為使用類 ： .clear

{

clear: both;

}

In HTML, id attributes must be unique within the whole document. If you want several clear

elements, use a class instead: .clear

{

...

我沒有發(fā)現(xiàn)任何關(guān)于這個(gè)問題的工作，所以經(jīng)過(guò)幾個(gè)小時(shí)嘗試不同的方法后，我發(fā)現(xiàn)更容易更改核心(是的，我知道不推薦它，但它仍然是一個(gè)解決方案)。 這是答案(隱藏輸入)： 去Zend / View / Helper / FormHidden.php 在文件的末尾，您將找到這行代碼 return $this->_hidden($name, $value, $attribs);

在此之前添加此代碼 unset($attribs['helper']);

它的作用是從應(yīng)用于輸入隱藏元素的屬性數(shù)組中刪除輔助屬性

...

嗨今天我收到了Angular團(tuán)隊(duì)的回復(fù)表單，他們提到使用下面的方式 [formControlName] = “ 'Searchbycombo'” 并且它在渲染后不再給w3c驗(yàn)證器提供任何錯(cuò)誤。 感謝大家的支持和幫助 Hi Today I have received a reply form Angular team and they mentioned to use the below way [formControlName]="'Searchbycombo'" and its no longe

...

總結(jié)

以上是生活随笔為你收集整理的w3c html验证服务,W3C验证和Vue的HTML绑定语法(W3C Validation and Vue's HTML binding syntax)...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。