学习VeeValidate Composition API 定义Schema

接着之前的两篇文章继续学习VeeValidate Composition API构建表单

使用 @vee-validate/yup 软件包。它可以更好地支持 yup 功能,并为你的模式解锁完整的类型脚本支持。

该软件包提供了一个 toTypedSchema 函数,你可以用它来封装你的 yup 模式,这样 vee-validate 就能推断出表单的输入和输出类型。


动态验证表单的schema,实际开发当中会有一些情况我们的校验是动态的比如当前校验受另一个变量的影响

我们可以使用vue的计算属性对schema进行包裹


以下示例可以看到第二个输入框的字符长度随着第一个输入框定义的数字长度进行变化 这样就实现了动态的校验

也可以通过yup提供的lazy函数


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容