Invalid prop: custom validator check failed for prop “value“

问题描述

Invalid prop: custom validator check failed for prop “value“_第1张图片
看见这种大片的爆红,就两个字:头疼!!!
虽然这样的爆红不影响程序运行,但是作为一个合格的程序猿,我们怎么可以允许这个问题出现呢

问题排查

顺着提示的报错位置找到日期选择框:
在这里插入图片描述
以及相关的方法:
Invalid prop: custom validator check failed for prop “value“_第2张图片
看着是没什么问题的,按照度娘得到的解决方案进行排查:
①属性中间是否有空格
②标签的左边和右边是否在一行

主要就是代码规范性的问题,显然,排查过后的答案是无。

问题解决

既然根据既有的方案排查不到问题所在,那我们就回归到问题本身:
自定义的验证程序对 value 检查失败,思考:这个组件里面也没有见value啊
value,值,成了:form.applyTime不就是嘛,这个值怎么了呢
我们无非关注几点:数据类型,被赋予的值
①数据类型
在这里插入图片描述
②被赋予的值
在这里插入图片描述
那这个时候我们应该知道:dateString它是这样式儿的
在这里插入图片描述
妥了,原来是数据类型搞错了,改过来呗

问题解决!!!

所以说,DatePicker 接收的是数组类型的数据,估计以后都不会忘了

嘻嘻,新手上路,请各位大佬们多多指教

你可能感兴趣的:(爆红终结,前端,vue,ant)