如何使用Vee-validate验证V-Select倍数;

Question

我想用 vee-validate verialationProvider 验证多个选择（ v-select ）。 对于单个选择选项，它可以正常工作。但是，当我尝试多个选择时，它就无法正常工作。

我该怎么做？

我尝试过：

<ValidationProvider name="types" vid="types">
<b-form-group
    class="row"
    label-cols-sm="4"
    label-for="types"
    slot-scope="{ valid, errors }"
    >
    <template v-slot:label>
    Types <span class="text-danger">*</span>
    </template>

    <v-select
        id="hat_days"
        v-model="profile.types"
        :reduce="op => op.value"
        multiple
        :options="TypeList"
        label="text"
        :state="errors[0] ? false : (valid ? true : null)"
        :placeholder="Select Type"
        required
    >
    </v-select>
    <div class="invalid-feedback">
        {{ errors[0] }}
    </div>
</b-form-group>

也尝试了：

<ValidationProvider name="types" vid="types" rules='required|min:1'> // Or rules='required|min_value:1'
<b-form-group
    class="row"
    label-cols-sm="4"
    label-for="types"
    slot-scope="{ valid, errors }"
    >
    <template v-slot:label>
    Types <span class="text-danger">*</span>
    </template>

    <v-select
        id="hat_days"
        v-model="profile.types"
        :reduce="op => op.value"
        multiple
        :options="TypeList"
        label="text"
        :state="errors[0] ? false : (valid ? true : null)"
        :placeholder="Select Type"
        required
    >
    </v-select>
    <div class="invalid-feedback">
        {{ errors[0] }}
    </div>
</b-form-group>