Vee-validate 验证禁用字段答案

【问题标题】：Vee-validate validating disabled fieldVee-validate 验证禁用字段
【发布时间】：2020-01-15 20:21:51
【问题描述】：

我正在使用 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 变量来禁用所需的验证。我该怎么做？

【问题讨论】：

标签： javascript vuejs2 vee-validate

【解决方案1】：

使用规则属性的对象形式，你可以将required设置为true或false，如下所示：

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

【讨论】：