Vue js 和 W3C HTML 验证器答案

【问题标题】：Vue js and W3C HTML ValidatorVue js 和 W3C HTML 验证器
【发布时间】：2020-04-26 20:18:30
【问题描述】：

我目前正在使用 Vue 开发 SPA，但我无法通过 W3C 的 HTML Validator 对其进行验证。我该如何验证它？我听说在 Vue 语法之前添加“data-”，但它不起作用。这是我的一些代码：

<div class="row" v-for="(c, index) in contactos" :key="index">
    <div class="col-xs-4">
        <p>{{ c.nombre }}</p>
    </div>
    <div class="col-xs-4">
        <p>{{ c.email }}</p>
    </div>
    <div class="col-xs-3">
        <p>{{ c.numTel }}</p>
    </div>
    <div class="col-xs-1">
        <button class="btn btn-danger btn-sm" v-on:click="deleteContact(c.id, index)">
        <span class="glyphicon glyphicon-remove"></span></button>
    </div>
</div>

我还附上了验证中一些错误的链接： HTML W3C validation errors example

【问题讨论】：

请不要发布带有外部图像源链接的帖子。帖子必须包含全部信息。
试试这个：validator.w3.org/nu 虽然 vue 有自己的方法来验证 dom works，但 linter 可以帮助解决糟糕的编码和属性顺序等问题。Geocities 风格的 W3C徽章，不会增加太多。

标签： javascript html vue.js w3c-validation

【解决方案1】：

您还可以在添加特定于 vue 的内容之前验证您的 HTML 代码

【讨论】：