记录iview表单校验的"坑"

前言

最近在项目中，有个添加功能，需要做表单校验。采用的是iview插件，在校验--Cascader 级联选择--的时候，已经设置了必填，但是在选择了值以后还是出现校验错误信息...

 

之前的校验规则--校验Cascader通过不了。

 

又仔细看了一波文档，才发现原来是因为iview在表单校验时，默认校验数据类型是String，而Cascader是[]，不属于String类型，所以一直验证不通过。

解决方式：在校验里面添加上对应的类型即可。

例如：Cascader是[]，添加type：'array'即可。

代码如下：

 

总结

iview在使用不同组件时，在做表单必填校验的时候，一定要注意值的类型。具体有哪些类型，文档里面列举的很细致。

参考文档：https://github.com/yiminghe/async-validator

所以所以，使用插件时，文档是个好东西，一定要好好看，才能避免这些没有必要的坑。

 

最后，附上一个博主对Iview 表单验证的规则总结，写的还蛮细致，大赞大赞。

地址：https://blog.csdn.net/ztx114/article/details/92806695