在 VueJS 模板中重用 Vuelidate 验证答案

【问题标题】：Reuse vuelidate validation in VueJS template在 VueJS 模板中重用 Vuelidate 验证
【发布时间】：2020-02-28 09:55:30
【问题描述】：

我正在使用 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 相似的条件。

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

【问题讨论】：

标签： vue.js vuelidate

【解决方案1】：

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

例如。 $v.myValidationRule.required

【讨论】：