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

使用规则属性的对象形式，您可以像这样将 required 设置为 true 或 false：

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

Vee-validate 验证禁用字段

Vee-validate validating disabled field

javascript

vuejs2

vee-validate