el-form自定义规则

el-form 是 Element UI 提供的表单组件，它支持自定义验证规则。要自定义规则，你可以使用 validate 方法或者使用自定义校验函数。

使用 validate 方法时，你可以通过传入一个验证规则对象来进行验证。验证规则对象包含字段名和对应的验证规则。例如：

this.$refs.form.validate((valid) => {
  if (valid) {
    // 验证通过
  } else {
    // 验证不通过
  }
})

使用自定义校验函数时，你需要在验证规则对象中定义一个 validator 函数。validator 函数接收两个参数：rule 和 value。rule 是当前字段的验证规则对象，value 是当前字段的值。在函数中你可以根据需要对 value 进行自定义的验证逻辑，并返回一个布尔值表示验证结果。

下面是一个示例：

export default {
  data() {
    return {
      form: {
        name: '',
      },
      rules: {
        name: [
          { required: true, message: '请输入姓名', trigger: 'blur' },
          { validator: this.validateName, trigger: 'blur' },
        ],
      },
    };
  },
  methods: {
    validateName(rule, value, callback) {
      // 自定义校验逻辑
      if (value.length < 2) {
        callback(new Error('姓名长度不能小于2个字符'));
      } else {
        callback();
      }
    },
  },
};