antdv
和 elementUI
表单项的 input
、 select
等需要用单独的自定义文件的时候,校验需要在需要校验的时候 emit(‘change’, val)`` 一下以达到表单 rules
规则校验的效果
市面上的 UI
中的表单(我只试过 antdv
和 elementUI
), 在写的时候大家是不是都是直接一溜烟写下来,如 element
官网案例所示:
但实际上,我们需要校验的项目很多的时候,或者有些项目比较复杂又或者是已经写好已有的公共组件,这时候放进 formItem
中,小伙伴们是不是都不知道怎么自动触发校验了?如这样:
假如 formItem
中是一个自定义组件,并且每次操作后都想像 elementUI
中一样改变即校验合法性,好多朋友就不知道怎么办了。
这里只需要在自定义组件内部需要触发校验时 emit
一个 change
事件,将值带出来,就能达到实时校验的效果啦!
另外 elementUI
和 antd
使用的校验都是 validateJS
,所以都有异曲同工之妙。