我从来没有真正习惯过Vuelidate的做事方式，但是，一般来说，它是这样工作的：https://monterail.github.io/vuelidate/#sub-basic-form
像这样设置它允许您对每个表单输入/元素进行验证，然后进行全面检查，以查看表单是否“脏”和/或“无效”

form: {
"name": {
"required": false,
"$invalid": true,
"$dirty": false,
"$error": false,
"$pending": false,
"$params": {
  "required": {
    "type": "required"
  }
}
},
"Age": {
  "required": false,
  "$invalid": true,
  "$dirty": false,
  "$error": false,
  "$pending": false,
  "$params": {
    "required": {
      "type": "required"
    }
  }
},
"$invalid": true,  <------- This is what you are after for valid/invalid
"$dirty": false,   <------- This is what you are after to see if the form has been used.
"$error": false,  <-------  This checks both invalid and dirty
"$pending": false,
"$params": {
   "nestedA": null,
   "nestedB": null
}
}

至于在实践中使用它，一种选择是在提交时调用validateform事件。

@click.prevent="validateform"

然后在vue示例中创建一个validateform方法来检查

$v.form.$invalid  or $v.form.$error

然后显示错误或调用实际的submit方法

然后，在设置了验证之后，你唯一需要做的事情就是调用一个方法来验证错误。

<button @click="validate">Submit</button>

方法：

validate () {
  this.$v.$touch() //it will validate all fields
  if (!this.$v.$invalid) { //invalid, becomes true when a validations return false
   //you dont have validation error.So do what u want to do here
  }
}

现在，当您开始提供任何输入时，它会将已触摸字段标记为红色
这意味着字段会自动变“脏”，但作为最后一个版本（Vuelidate 2），这不是默认行为。
请检查您是否有$autoDirty: true并将其删除或设置为“false”
要使用Vuelidate 2完成你需要的任务，你只需要在submit click事件上调用$touch（），因为$autoDirty默认为false。

下面是我对VeeValidate 3的操作：

<validation-observer ref="jobValidation">
 <form>
     <button v-on:click="nextPage()" type="button">Next</button>
 </form>
</validation-observer>

和方法内：

nextPage(): void {                 
    const validation = (this.$refs.jobValidation as any);
    validation.validate().then(() => {                 
    if (validation.flags.invalid) {                           
        // No no no no
        // bonus: show all errors in summary
        validation.$children.forEach((child: any) => {
           child.errors.forEach((error: any) => {
              console.log(error);
           });
           return;
        });
    } else {
        // Yes yes yes
    }
    });  
},