如何在vue模板中显示序列化验证错误信息？

data() {
  return {
    formData: {
      username: '',
      password: ''
    }
  }
},
validations: {
  formData: {
    username: {
      required: validators.required,
      minLength: validators.minLength(6)
    },
    password: {
      required: validators.required,
      minLength: validators.minLength(8)
    }
  }
}

<input v-model="formData.username" type="text" placeholder="Username">
<input v-model="formData.password" type="password" placeholder="Password">

<div v-show="errors.has('formData.username')">
  {{ errors.first('formData.username') }}
</div>
<div v-show="errors.has('formData.password')">
  {{ errors.first('formData.password') }}
</div>

mounted() {
  this.$v.$reset();
},
methods: {
  submitForm() {
    this.$v.$touch();
    if (!this.$v.$invalid) {
      // 表单验证通过，执行提交操作
    }
  }
}