VeeValidate - отметьте проверенное поле ввода, чтобы включить другой ввод

Я впервые использую VeeValidate. Как я могу включить / отключить поле формы только тогда, когда другое действительно. Например, просто активируйте поле пароля после того, как veevalidate проверит правильность поля пользователя.


vue.js vee-validate
person Pablo Souza    schedule 01.05.2020    source источник
comment
Вы можете оставить поле ввода пароля динамически отключенным, если в пользовательском поле есть ошибка. : disabled = error.has ('nameOfUserField').   -  person Himanshu    schedule 01.05.2020
comment
Но я думаю, что этот подход невозможен на vee-validate 3   -  person Pablo Souza    schedule 01.05.2020

Ответы (1)


arrow_upward
1
arrow_downward

Оберните оба соответствующих поля в 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>
person Ryley    schedule 01.05.2020