Vue-手動清空Form表單的驗證及驗證提示(紅字提示)

雪莉06發表於2024-03-11

問題:form表單清空校驗,使用系統方法clearValidate 和 resetFields 這兩個方法清空校驗的時候,無法清除。

解決辦法:
在this.$nextTick這個方法裡邊呼叫clearValidate / resetFields 這兩個方法。

this.$nextTick(function() {
  this.$refs.formRefs.clearValidate();
})

由於DOM未載入完成導致的。

這裡需要用到ant-design-vue之中的 clearValidate方法,該方法只清除校驗結果提示語

當然resetFields也是可以清除的,但是resetFields在清除提示語的同時也會把對應的欄位值給重置了

//清除全部校驗提示語
formRef.value.clearValidate()
//清除表單之中某一項校驗提示語
foemRef.value.clearValidate("name")//name指代你給formItem繫結校驗規則時候的name名字

相關文章