elementui自定义表单校验

ElementUI提供了丰富的表单校验规则，同时也支持自定义表单校验。你可以在data() {}中添加自定义的校验规则，然后在data的return中通过validator来引用校验规则。在自定义校验规则中，你可以使用以下方法进行校验：

1. required：设置为true时表示该字段为必填项。
2. message：用于设置校验失败时的提示信息。
3. trigger：用于设置校验触发的方式，可以是change或blur。
4. pattern：可以使用正则表达式进行校验。
5. max和min：用于设置最大长度和最小长度。
6. transform：用于对数据进行转换。
7. validator：可以使用一个函数进行自定义校验，函数接收三个参数：rule、value和callback。

在模板中，你需要使用<el-form>来包裹表单，并使用:rules属性来绑定校验规则。在<el-form-item>中，使用prop属性来指定要校验的字段，并将字段名与rules中的对象对应。

下面是一个示例：

<el-form :model="ruleForm" :rules="rules">
  <el-form-item label="姓名：" prop="name">
    <el-input v-model.trim="ruleForm.name" placeholder="请输入" />
  </el-form-item>
</el-form>

data() {
  return {
    ruleForm: {
      name: ''
    },
    rules: {
      name: [
        { required: true, message: '请输入姓名', trigger: 'blur' },
        // 在这里添加自定义校验规则
      ]
    }
  }
}