学习VeeValidate 高阶组件 验证元数据meta

<Field />组件和<Form />组件上都会有一些meta数据

1.valid:当前字段的有效性

2.touched:如果字段是失去焦点可以使用作用域插槽中的handleBlur 或者setTouched 来进行更新

3.dirty:如果字段已经更新则无法更改其值

4.pending:如果字段的验证仍在运行,这对长时间运行的异步验证很有用。

5.initialValue:字段的初始值如果是undefined说明没有指定过



这里在字段组件的作用域插槽中拿到了meta可以看到里面有很多信息,随着输入也会实时的变更

需要注意的是如果没有指定initialValue他会是underfined这可能会导致意外的 meta.dirty 结果。要获得 meta.dirty 标记的准确结果,即使值为空,也必须为字段提供一个初始值。可以给字段组件的value给一个空字符串 value=""

同理也可以讲meta数据放在form组件上 也可以指定初始值



通过这些元数据的变化我们就可以做一些表单的联动判断之类的都是很方便

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

相关阅读更多精彩内容

友情链接更多精彩内容