close

通常而言,我們在使用驗證時,如果 form 數量不是很大的情況,都會放在同一個 vue檔中,進行 this.$validator.validateAll();   驗證

在小型程式時候,到還是可以用這樣的方式,但是到了中大型程式的時候,就不建議這樣做了

一定會將 form 分成好幾個組件來管理,易於未來維護和檢測,不然,一堆的程式碼都在一個檔案中,中大型程式你又一定會使用到 Vuex

form 又會造成一堆的 computer 的東西來,再加上 form 如果又和 新增和修改頁面共用,都放在同一個Vue 檔的話,會造成程式的繁雜。

有做過的人,應該會知道吧!

來!說明在下面的連結裡..

http://vee-validate.logaretm.com/advanced.html#inject

目前先寫如何使用,至於為什要這樣做....嗯,寫很麻煩,有些也並未能寫的詳細,有問題就來討論吧!

首先父層還一樣,輸入最後驗證的程式 this.$validator.validateAll() ....

2017-12-01[23-28-(36)].jpg

在來就是每個子層要加入的Code

2017-12-01[23-32-(01)].jpg

這樣就好了嗎!顆顆~~~我原來也是這樣認為,其實還要改vee 的 config ,紅圈處加入 inject: false,這樣就大功告成 

2017-12-01[23-34-(16)].jpg

以上處理,就可以將各 form 表組件化,由同一驗證去處理了~~~

 

如果有問題,可以留言問問,我儘力幫您回覆~~~

arrow
arrow
    文章標籤
    vue vee-validate javascript
    全站熱搜

    雲橙雨林 發表在 痞客邦 留言(0) 人氣()