Vant + VeeValidate 3 实现表单验证

之前一直使用vant做移动端开发,也都没做到太复杂的表单输入。简单的输入,都是直接弹窗提示就行。这次做的需求,在页面上有许多内容要输入。查看vant文档时发现,vant自带的表单校验功能非常孱弱,Field组件自身也不支持自定义校验。【据vant在git上的开发计划2020年上半年回增加form相关组件,到那个时候,应该就有原生支持了】。

网上查了一通,vue进行表单校验的,有个库VeeValidate,是专业做表单校验的。也有挺多人用这个库来实现表单校验的。网上查了下,很多人在博客上写的,都是VeeValidate的早些版本代码,并不适用现在最新的版本。
我下午看了一下文档,挺简洁易懂的,自己简单写了个demo。




你可能感兴趣的:(vue)