一、问题现象

Ant Design Vueform组件,在点击提交时,无表单校验效果即无红字提示,但浏览器开发者工具(F12)有日志输出;逐个点击时,校验还都能触发,很奇怪。

在这里插入图片描述

二、解决方案

直接上才艺
请仔细核对自己的表单检验中是否使用了自定义校验validator
使用排除法
即先将自定义校验全部注释掉,再次点击提交,此时应该是可以看到校验效果了,再将自定义校验逐一放开,并测试,即可将问题定位

三、反思

通过以上的定位检查后,应该就可以发现问题所在了,其实是自定义校验的代码出错了,但没有错误提示,导致我们无法第一时间发现问题所在
仔细反思后,其实还是自己的代码写的不够健壮,我自己的问题是没有考虑字符串、数组为undefind(第一次什么都不填,直接提交此时的值均为undefind)的情况,应该给个默认值空,这样就不会出错了

Logo

前往低代码交流专区

更多推荐