VeeValidate - 检查已验证的输入字段以启用另一个输入

【问题标题】：VeeValidate - check validated input field to enable another inputVeeValidate - 检查已验证的输入字段以启用另一个输入
【发布时间】：2020-05-01 01:26:56
【问题描述】：

这是我第一次使用 VeeValidate。当另一个表单字段有效时，如何启用/禁用表单字段。例如，只需在 veevalidate 检查用户字段是否有效后启用密码字段。

【问题讨论】：

您可以在用户字段出现错误时动态禁用密码输入字段。 :disabled="error.has('nameOfUserField').
但我认为这种方法在 vee-validate 3 上是不可能的

标签： vue.js vee-validate

【解决方案1】：

将两个相关字段包装在 ValidationObserver 中，并使用它的作用域属性 errors 来告诉您一个字段何时无效。像这样的东西（未经测试）：

<ValidationObserver v-slot="{ errors }">
    <ValidationProvider vid="item1" rules="required">
        <input v-model="item1" />
    </ValidationProvider>
    <ValidationProvider vid="item2" rules="required">
        <input v-model="item2" :disabled="errors.item1"/>
    </ValidationProvider>
</ValidationObserver>

【讨论】：