如何在Vuelidate中保持欄位可選?
Vuelidate 給出$v了代碼。為了檢查表單驗證,我們有$invalidprop 現在我如何根據復選框內容保持 x 欄位可選,例如。
[ ] use y field
[ y text field ] (right now optional)
但如果我選中復選框
[x] use y field
[ y text field ] (now its required and it will follow other validations such as sameAs/minLength/max/custom validation
PS:它還應該驗證自定義驗證。
我有這個jsfiddle
我想要的是,如果我選中這個is universal框,那么只有驗證應該應用于輸入框,否則驗證應該被忽略并且$invalid應該是false
uj5u.com熱心網友回復:
您需要將您的validations屬性更改為一個函式,這將使您能夠使用this. 您還需要檢查自定義驗證器中的復選框值:
validations() {
return {
text: {
required: requiredIf(function () {
return this.isUniversal
}),
roblox (val) {
return this.isUniversal ? !!val.match(/roblox.com/) : true
}
}
}
},
我編輯了你的jsfiddle
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/364160.html
上一篇:Vue組件由于某種原因更新另一個
下一篇:使用v-for的順序串列
