問題: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名字