最近在做vue項目,有的地方用到了表單驗證這方面的知識,遂學習了一下關於vee-validate
關於vue項目的創建並不是很困難,用腳手架創建項目即可
那下面說一下vee-validate的使用
首先是安裝,用命令行
npm install vee-validate@next --save
安裝完成以后就可以用了
第一步在main.js里面引入一下
在用這個的時候最好能參照一下官網得我例子,官網比任何教程都好,這是我的感覺
這是引入的一堆,直接在官網粘貼復制過來的,很簡單
然后就可以在組件里面用了,是不是很驚訝!!!
第二步就是將一些例子直接拿過來就行
組件的script里面的代碼是顯示你要寫對應的驗證的,比如是郵箱驗證還是什么電話驗證等,也是直接把官網的代碼貼上來就行
這個就算是完成了
如果你是在里面用v-for循環創建出對應的表單,那你可以在你循環的對象里面加一個字段,不需要bind綁定,例如這樣
required就是新創建的字段
將創建的字段加到 v-validate就可以循環加入對應的輸入框里面