在VueJS模板中重用vuelidate验证

Question

我正在使用vuelidate来验证VueJS应用程序中的表单。这是一个验证规则示例：

validations() {
    const validationRules = {
        myValidationRule: {
        required: requiredIf(
            vm => vm.someProperty && vm.anotherProperty !== "COUNTRY"
        )}
    }
}

组件中使用的PUG模板：

template(v-if="someProperty === false || anotherProperty === 'COUNTRY'")

如您所见，v-if属性包含与myValidationRule类似的条件。

是否可以“重用” myValidationRule中的验证规则v-if？

Answer 1

您可以在PUG模板中使用$v对象的vuelidate。有关更多信息，请参见this。

例如。 $v.myValidationRule.required