一、问题现象
Ant Design Vue
的form
组件,在点击提交时,无表单校验效果即无红字提示,但浏览器开发者工具(F12)
有日志输出;逐个点击时,校验还都能触发,很奇怪。
二、解决方案
直接上才艺:
请仔细核对自己的表单检验中是否使用了自定义校验validator
使用排除法
即先将自定义校验全部注释掉,再次点击提交,此时应该是可以看到校验效果了,再将自定义校验逐一放开,并测试,即可将问题定位
三、反思
通过以上的定位检查后,应该就可以发现问题所在了,其实是自定义校验的代码出错了,但没有错误提示,导致我们无法第一时间发现问题所在
仔细反思后,其实还是自己的代码写的不够健壮,我自己的问题是没有考虑字符串、数组为undefind
(第一次什么都不填,直接提交此时的值均为undefind
)的情况,应该给个默认值空,这样就不会出错了