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" />

在該示例中，我們手動將 clearable 屬性設置為 true，這樣用戶就可以在輸入框中使用刪除鍵了。

在使用 Vue validate 進行表單驗證時，需要手動清除上次校驗的狀態，以便正確地校驗用戶輸入的數據。Vue validate 提供了 clearValidate() 方法和 resetFields() 方法用于清除表單驗證狀態，使用這些方法可以方便地進行清除操作。