el-select多选校验

对于 `el-select` 的多选校验，你可以使用以下方法之一：

1. 使用 `rules` 属性进行校验：在 `el-select` 上添加 `rules` 属性，通过自定义校验函数进行多选校验。例如：

<el-select v-model="selectedOptions" multiple :rules="validateOptions">
  <!-- options -->
</el-select>

data() {
  return {
    selectedOptions: [],
  };
},
methods: {
  validateOptions(rule, value, callback) {
    if (value.length === 0) {
      callback(new Error('请至少选择一项'));
    } else {
      callback();
    }
  },
},

2. 使用自定义指令进行校验：创建一个自定义指令，在 `el-select` 上绑定该指令，并在指令中进行多选校验。例如：

<el-select v-model="selectedOptions" multiple v-validate-options>
  <!-- options -->
</el-select>

Vue.directive('validate-options', {
  bind(el, binding, vnode) {
    const validate = (rule, value, callback) => {
      if (value.length === 0) {
        callback(new Error('请至少选择一项'));
      } else {
        callback();
      }
    };

    vnode.componentInstance.$on('blur', () => {
      vnode.context.$validator.validate('selectedOptions', selectedOptions, validate);
    });
  },
});

这些方法可以帮助你在 `el-select` 多选情况下进行校验。请根据你的具体需求选择适合的方法。