接着之前的两篇文章继续学习VeeValidate Composition API构建表单
使用 @vee-validate/yup 软件包。它可以更好地支持 yup 功能,并为你的模式解锁完整的类型脚本支持。
该软件包提供了一个 toTypedSchema 函数,你可以用它来封装你的 yup 模式,这样 vee-validate 就能推断出表单的输入和输出类型。
动态验证表单的schema,实际开发当中会有一些情况我们的校验是动态的比如当前校验受另一个变量的影响
我们可以使用vue的计算属性对schema进行包裹
以下示例可以看到第二个输入框的字符长度随着第一个输入框定义的数字长度进行变化 这样就实现了动态的校验
也可以通过yup提供的lazy函数