VeeValidate 2.2.15 select 自定义验证

好的，针对 VeeValidate 2.2.15 中 select 的自定义验证问题，您可以使用 VeeValidate.Validator.extend 方法来扩展验证规则。下面是一个自定义验证 select 选项不能为空的示例代码：

import { Validator } from 'vee-validate';

Validator.extend('requiredSelect', {
  getMessage: (field) => `请选择${field}`,
  validate: (value) => {
    return value !== null && value !== '' && value !== undefined;
  }
});

在这个示例代码中，我们使用 Validator.extend 方法来扩展一个名为 requiredSelect 的验证规则，getMessage 方法用于定义错误提示信息，validate 方法用于定义验证逻辑，这里判断 select 的值是否为空。

使用示例：

<template>
  <form>
    <select v-validate="'requiredSelect'" name="fruit">
      <option value="">请选择水果</option>
      <option value="apple">苹果</option>
      <option value="banana">香蕉</option>
      <option value="orange">橙子</option>
    </select>
    <span>{{ errors.first('fruit') }}</span>
    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  mounted() {
    this.$validator.validateAll(); // 进行表单验证
  }
}
</script>

在这个示例代码中，我们在 select 元素上使用了 v-validate 指令，并将其绑定到 requiredSelect 验证规则。同时，我们在 span 元素中使用了 errors.first 方法来获取错误提示信息。在 mounted 钩子函数中，我们通过 this.$validator.validateAll() 来进行表单验证。

希望这个示例代码能帮到您！如果您还有任何问题或疑问，请随时问我。