表單驗證是前端技術(shù)里比較常用的一項寫法，element的表單驗證尤其方便快捷，只需要通過 rules 屬性傳入約定的驗證規(guī)則，并將 Form-Item 的 prop 屬性設(shè)置為需校驗的字段名即可。對用戶填入的內(nèi)容進行接口請求之前，判斷用戶所輸入的是否符合預(yù)期規(guī)范，可以有效減少數(shù)據(jù)通信的壓力，同時，用戶也能直觀地看到那些是必須填寫的項目和未填寫的項目。
經(jīng)過判斷沒有錯誤信息后通過，然后再請求接口。
關(guān)于查看表單驗證請點擊這里。
與此同時，表單驗證不會自己消失，我們可以清空手動表單內(nèi)容，但卻無法清除錯誤信息。
如何清除這些錯誤信息呢，以下是兩種element表單驗證的清除方法。
//清除驗證方法
this.$nextTick(() => {
this.$refs['addwardData'].clearValidate(); // 只清除清除驗證
})
this.$nextTick(() => {
this.$refs['addwardData'].resetFields(); //清除所有
})我們只需要傳入所需的表單驗證的對象，調(diào)用element的clearValidate或resetFields方法就能清除驗證。
下一篇： 利用jq和陰影做出消失效果
