vue VeeValidate验证 chosen

可以使用 VeeValidate 的自定义验证规则来验证 Chosen 组件，具体步骤如下：

首先，需要安装 `vee-validate` 和 `chosen-js`：

npm install vee-validate chosen-js

然后，在需要使用的组件中引入：

import { ValidationProvider } from 'vee-validate';
import Chosen from 'chosen-js';

接着，在组件的 `mounted` 钩子中初始化 Chosen 组件，并且监听选中值的变化，调用 `validate` 方法触发 VeeValidate 的验证：

mounted() {
  this.$nextTick(() => {
    new Chosen(this.$refs.select);
    this.$watch('selected', () => {
      this.$refs.provider.validate();
    });
  });
},

其中，`this.$refs.select` 是指向 `<select>` 元素的引用，`this.$refs.provider` 是指向 VeeValidate 的 `ValidationProvider` 组件的引用。

最后，在模板中使用 `ValidationProvider` 组件包裹 `<select>` 元素，并且指定 `rules` 属性为自定义验证规则的名称：

<ValidationProvider ref="provider" rules="chosen" v-slot="{ errors }">
  <select ref="select" v-model="selected">
    <option value="">请选择</option>
    <!-- options -->
  </select>
  <span>{{ errors[0] }}</span>
</ValidationProvider>

在 VeeValidate 的自定义验证规则中，需要对选中值进行非空验证，例如：

import { extend } from 'vee-validate';

extend('chosen', {
  validate: value => !!value,
  message: '请选择一个选项'
});

这样就可以实现使用 VeeValidate 验证 Chosen 组件了。