学习VeeValidate(二)自定义一个表单控件

实际开发中,我们的表单不仅仅局限于输入框,会有各种各样的需求,这里我们自定义一个表单控件组合到表单当中。

假设现在用户需要一个弹框在弹框里选了某个值,现在要把这个值绑定给我们的表单,显而易见的的是这个也不是input,也不是checkBox,需要我们手动的赋值,


上图中定义了一个userName字段并且定义了一个子组件,还是将两个返回的值绑给子组件


在子组件中定义好emit然后我们用的时候调用即可,在点击按钮的时候给表单的userName字段赋值


完成,同样也可以加入字段的校验,



用法还是和之前定义input的校验一样。


还可以给子组件配置一个props state里有很多表单可以用到的信息,方便我们在子组件进行更多的逻辑处理


还可以动态的去配置校验,不是固定一个对象而是传入一个函数根据字段不同的状态去动态的设置他的配置


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容