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

Question

这是我第一次使用 VeeValidate。我怎样才能 enable/disable 一个表单字段，而另一个表单字段是有效的。例如，只需在 veevalidate 检查用户字段有效后启用密码字段。

Answer 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>