Vee-validate проверяющее отключенное поле

Question

Я использую vee-validate 3.2.1. У меня есть поле, которое можно отключить, на основе значения из другого поля, поле обязательно, если включено, но не обязательно, если отключено.

Мое поле выглядит так

<div class="vx-col sm:w-1/2 w-full">
    <ValidationProvider name="name" rules="required" v-slot="{ errors }">
        <select name="city"
            :disabled="cityDisabled" v-model="city">
            //options
        </select>
    </ValidationProvider
</div>

Я хочу использовать переменную cityDisable для отключения необходимой проверки. Как я могу это сделать?

Answer 1

Используйте объектную форму атрибута rules, и вы можете установить для required значение true или false, например:

<ValidationProvider name="name" :rules="{'required':!cityDisabled}" v-slot="{ errors }">