Validation 使用vee validate验证自定义输入组件

我有一个名为国籍选择器的自定义输入组件，我使用它的方式如下：

      <validation-provider
        v-slot="{ errors }"
        rules="required"
        class="w-100"
        name="Nationality"
      >
        <nationality-selector v-model="form.nationality" :errors="errors[0]" />
      </validation-provider>

问题是vee validate无法验证国籍选择器。

---

但在其他自定义组件上，它可以正常工作。

您能否澄清您正在国籍选择器组件中取消选择的输入类型？国籍选择器需要发出输入事件才能与验证提供程序一起工作。您能否澄清您正在国籍选择器组件中取消选择的输入类型？国籍选择器需要发出输入事件才能与验证提供程序一起工作。

import Vue from 'vue'
import { ValidationProvider, extend } from 'vee-validate'
import * as rules from 'vee-validate/dist/rules'
import { messages } from 'vee-validate/dist/locale/en.json'

Object.keys(rules).forEach((rule) => {
  extend(rule, {
    // eslint-disable-next-line import/namespace
    ...rules[rule],
    message: messages[rule]
  })
})

Vue.component('validation-provider', ValidationProvider)