溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下element表單驗證怎么清除校驗提示語，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
最近在進行項目開發的時候，遇到了這樣的一個問題：
對表單域中的數據進行校驗的時候，其中有一項比較特殊，不是簡單的輸入框，下拉框這些表單元素，而是自己寫的一個el-table的選擇彈窗，我對它的校驗如如下：
protocolId: [
{ required: true, message: '請選擇解析協議', trigger: 'blur'},
],這樣可以實現校驗功能，但是會存在一個問題，如果觸發的了校驗條件（提交按鈕），提示了錯誤信息，后續即使重新選擇了數據，錯誤信息依舊會存在，因為沒有再次點擊提交按鈕，觸發校驗。這樣用戶體驗就不是太好。
點擊保存按鈕觸發校驗，一般都是校驗所有的字段，element-ui中的form表單組件還提供了校驗一個字段的函數，使用方式如下：
this.$refs.addForm.validateField('protocolId', (valid) => {
//valid返回的是規則集中寫的錯誤提示信息，如果滿足條件，返回的就是空
if(!valid){
return
}
})上面這段代碼可以放在確認數據選擇的函數中執行，這樣就對這一項特殊的內容再次進行了校驗，如果符合檢驗規則，錯誤提示就是消失了。
this.$refs.addForm.clearValidate();
這個方法就是直接清除錯誤信息，不做任何判斷，個人不是太推薦使用
以上是“element表單驗證怎么清除校驗提示語”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
