Vuelidate:根据其他复选框使字段可选(也应适用于自定义验证)

Question

如何在Vuelidate中保持字段可选？

Vuelidate在代码中给出了$v。要检查表单验证，我们有$invalid道具现在我如何根据复选框保持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：它还应该验证自定义验证。

我有这个小提琴。我想要的是，如果我选中is universal框，那么只有验证应该应用于输入框，否则验证应该被忽略，$invalid应该是false

Answer 1

您需要将validations属性更改为函数，这将允许您使用this访问状态。此外，您还需要在自定义验证器中检查您的复选框值：

validations() {
return {
text: {
required: requiredIf(function () {
return this.isUniversal
}),
roblox (val) {
return this.isUniversal ? !!val.match(/roblox.com/) : true
}
}
}
},

我编辑了你的jsfiddle