如何使用Vue js在验证后关闭模式？

data() {
  return {
    formData: {
      username: '',
      password: ''
    },
    formErrors: {
      username: '',
      password: ''
    },
    isFormValid: false
  }
}

<input type="text" v-model="formData.username" @input="validateForm">
<input type="password" v-model="formData.password" @input="validateForm">

methods: {
  validateForm() {
    // 进行表单验证逻辑，根据实际需求进行判断
    this.formErrors.username = this.formData.username.length < 6 ? '用户名长度不能小于6' : '';
    this.formErrors.password = this.formData.password.length < 8 ? '密码长度不能小于8' : '';

    // 判断表单是否通过验证
    this.isFormValid = Object.values(this.formErrors).every(error => error === '');
  }
}

<div v-if="formErrors.username">{{ formErrors.username }}</div>
<div v-if="formErrors.password">{{ formErrors.password }}</div>

<button :disabled="!isFormValid">提交</button>