Vue.js 在前端开发中应用越来越广泛，其中 Vue validate 是 Vue.js 中一个用于表单验证的插件，它使得表单验证变得更加容易简单。当用户输入不合法的数据时，Vue validate 会自动校验并提示用户相应的错误信息。但是在用户重新输入时，Vue validate 不会自动清除上次的错误提示信息，因此需要手动清除状态，这篇文章将详细介绍如何清除 Vue validate 的状态。

Vue validate 提供了一个 clearValidate() 方法，用于清空某个表单项的校验结果。下面是一个清除用户名输入框校验状态的示例：

this.$refs.loginForm.validateField('username') // 校验用户名输入框
this.$refs.loginForm.clearValidate('username') // 清除用户名输入框校验状态

在该示例中，我们使用 validateField() 方法校验用户名输入框，并使用 clearValidate() 方法清除用户名输入框校验状态。

如果需要清除表单中所有表单项的校验状态，可以使用 resetFields() 方法。下面是一个清除整个表单校验状态的示例：

this.$refs.loginForm.validate() // 校验整个表单
this.$refs.loginForm.resetFields() // 清除整个表单校验状态

在该示例中，我们使用 validate() 方法校验整个表单，并使用 resetFields() 方法清除整个表单的校验状态。

需要注意的是，当对 input 输入框进行表单验证时，Vue validate 可能会把 clearable 属性设置为 false，这会阻止用户在输入框中键入删除键。解决该问题的方法是手动将 clearable 属性设置为 true，下面是一个设置 clearable 属性的示例：

< template >< el-input v-model="username" :clearable="true" ref="usernameInput" /> template >

在该示例中，我们手动将 clearable 属性设置为 true，这样用户就可以在输入框中使用删除键了。

在使用 Vue validate 进行表单验证时，需要手动清除上次校验的状态，以便正确地校验用户输入的数据。Vue validate 提供了 clearValidate() 方法和 resetFields() 方法用于清除表单验证状态，使用这些方法可以方便地进行清除操作。