關於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