鍍金池/ 問答/HTML/ vee-validate對于復用組件如何能做到單獨校驗?

vee-validate對于復用組件如何能做到單獨校驗?

例如下圖。我寫了個v-for,循環(huán)出了多行,每行均有一個select和input。
input上增加了vee-validate校驗。但因為是要應用一樣的校驗規(guī)則,所以會出現(xiàn)一個問題:
一旦某一個input校驗不通過,就會統(tǒng)統(tǒng)報錯,這個問題怎么解決啊?

<input class="form-control" v-model="aa.bb" placeholder="關鍵詞" v-validate="'required|max:30'"
         :class="{'input': true, 'is-danger': errors.has('rule_keyWord') }" 
         name="rule_keyWord" style="height:40px;" />
<span v-show="errors.has('rule_keyWord')" class="help is-danger">{{ errors.first('rule_keyWord') }}</span>

clipboard.png

回答
編輯回答
何蘇葉

沒用過這個,用過類似的驗證;提供一個大概的方向供參考。
1、v-validate 是根據誰來校驗的,是否三個用了相同的一個值?
2、動態(tài)添加v-validate

2017年11月9日 03:34