Vue js 和 W3C HTML 验证器

Question

I am currently working on a SPA using Vue, but I can't validate it through the W3C's HTML Validator. How can I validate it? I have heard of adding "data-" just before the Vue syntax, but it does not work. Here it is some of my code:

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

I also attach a link to some of the errors in the validation: HTML W3C validation errors example

Answer 1

你也可以在添加特定于 vue 的东西之前验证你的 HTML 代码