我不知道这是否适用于vue.js，但是要从内置表单验证中排除html输入元素，可以禁用它：

<input type="url" maxlength="42" disabled>

这里我使用了maxlength，因为它是内置表单验证使用的标准属性，也许Vue的v-model的工作方式不同，但我认为值得一试。

支持性文件

上面对disabled属性的使用对我来说是有效的（有内置的表单验证，我只在Chrome上测试过），但是我没有在MDN上找到结论性的支持文档。
参见：

• 禁用属性：交互作用
• Client-sode form validation

我觉得这些文档并不完全清楚，它们暗示使用disabled属性是一种法律的的方法，可以让required属性被忽略：
由于disabled字段不能更改其值，因此required对同时指定了disabled属性的输入没有任何影响。此外，由于元素变为不可变，因此在启用控件之前，大多数其他属性（如pattern）都没有任何影响。
但也表示这两个属性不允许在一起：
注意：在指定了disabled属性的输入上不允许使用required属性。