Vue.js 带掩码的Vuetifyjs表单验证

我在我的组件中创建了一个v-form，在这个v-form中我放置了一个v-text-field，其中有一个掩码和一个不为null的规则

<v-text-field mask="###.###" :rule="[v => !!v || 'Required']"> ... </v-text-field>

。。。

---

但是如果我的用户键入22，当我尝试验证表单时，我发现它是有效的（因为在我的规则中，文本不是空的），但它与我的掩码不匹配。。如何获得这两种验证？tks

您可以使用正则表达式检查值

：rule=“[v=>！！v | |'必需'，v=>/^\d{3}\.\d{3}$/.test（v）| |'无效格式'”

编辑

有趣的。（点）不是值的一部分，因此更好的答案是：

：rule=“[v=>！！v | |'必需'，v=>/\d{6}/.test（v）| |'无效格式'”

实例：