最近在做vue项目,有的地方用到了表单验证这方面的知识,遂学习了一下关于vee-validate
关于vue项目的创建并不是很困难,用脚手架创建项目即可
那下面说一下vee-validate的使用
首先是安装,用命令行
npm install vee-validate@next --save
安装完成以后就可以用了
第一步在main.js里面引入一下
在用这个的时候最好能参照一下官网得我例子,官网比任何教程都好,这是我的感觉
这是引入的一堆,直接在官网粘贴复制过来的,很简单
然后就可以在组件里面用了,是不是很惊讶!!!
第二步就是将一些例子直接拿过来就行
组件的script里面的代码是显示你要写对应的验证的,比如是邮箱验证还是什么电话验证等,也是直接把官网的代码贴上来就行
这个就算是完成了
如果你是在里面用v-for循环创建出对应的表单,那你可以在你循环的对象里面加一个字段,不需要bind绑定,例如这样
required就是新创建的字段
将创建的字段加到 v-validate就可以循环加入对应的输入框里面