关于vue表单验证 vee-validate使用教程


最近在做vue项目,有的地方用到了表单验证这方面的知识,遂学习了一下关于vee-validate
关于vue项目的创建并不是很困难,用脚手架创建项目即可
那下面说一下vee-validate的使用
首先是安装,用命令行

npm install vee-validate@next --save

安装完成以后就可以用了
第一步在main.js里面引入一下
在用这个的时候最好能参照一下官网得我例子,官网比任何教程都好,这是我的感觉

这是引入的一堆,直接在官网粘贴复制过来的,很简单
然后就可以在组件里面用了,是不是很惊讶!!!
第二步就是将一些例子直接拿过来就行

组件的script里面的代码是显示你要写对应的验证的,比如是邮箱验证还是什么电话验证等,也是直接把官网的代码贴上来就行

这个就算是完成了

如果你是在里面用v-for循环创建出对应的表单,那你可以在你循环的对象里面加一个字段,不需要bind绑定,例如这样

required就是新创建的字段

将创建的字段加到 v-validate就可以循环加入对应的输入框里面


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM