Vuetify v-form 不符合验证条件却仍判定验证通过的问题求助

我现在正在做一个注册表单，要求只有所有输入字段都通过验证后才能提交。我已经写好了字段验证规则，单独测试规则是有效的，但点击提交按钮触发的signUp()方法有问题——哪怕有字段是空的，this.$refs.form.validate()居然还是返回true，成功提示框也弹出来了，完全搞不懂为啥会这样。

我的表单代码片段如下：

<v-card class="mt-10 m-5 bg-light-blue-lighten-3" elevation="4">
  <v-card-title class="text-center">Sign Up</v-card-title>
  <v-container class="bg-white" fluid>
    <v-form ref="form" fast-fail class="mx-5 my-4" >
      <v-text-field class="my-1
        v-model="username" label="Username" :rules="requiredRule">
      </v-text-field>
      <v-text-field 
        class="my-1" 
        v-mod...

我帮你梳理几个可能的排查方向，你可以逐个检查：

• 先确认requiredRule的定义是否正确？比如是不是写成了requiredRule: [v => !!v || '此字段不能为空']这种标准格式？如果规则没有正确返回布尔值或提示文本，会直接导致验证失效。
• 看看v-form上有没有加lazy-validation属性？如果加了这个属性，第一次提交时不会主动触发所有字段的验证，需要先触发字段的失焦事件才会启动验证逻辑。
• 检查v-text-field的v-model绑定是否正常？比如username有没有在组件的data里正确声明？如果绑定的变量不存在，验证规则无法获取到字段值，自然没法正确验证。
• 注意到你代码里第一个v-text-field的标签有语法错误：class="my-1后面少了闭合的双引号，这种DOM解析错误会干扰Vue的表单逻辑，大概率是这个问题导致的验证失效！
• 至于fast-fail属性，它只是控制验证失败时停止后续字段的验证，不会影响最终的验证结果返回，所以这个不是问题根源。

你可以先把这些点排查一遍，尤其是语法错误和验证规则的定义，应该能找到问题所在~

备注：内容来源于stack exchange，提问作者kriloots