VeeValidate-检查经过验证的输入字段以启用其他输入

Question

这是我第一次使用VeeValidate。当另一个有效时，如何启用/禁用表单字段。例如，在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>