element form自定义校验在子组件用

在Element UI中，可以通过自定义校验规则来实现对组件输入内容进行校验。对于子组件，也可以使用Element UI的自定义校验功能来实现。

首先，我们需要在父组件中创建一个自定义校验的方法，该方法会作为参数传递给子组件。例如，在父组件中创建一个名为"validateForm"的方法：

methods: {
  validateForm(rule, value, callback) {
    // 自定义校验规则
    // 如果校验通过，调用 callback() 方法，传递一个 undefined 作为参数
    // 如果校验不通过，调用 callback(new Error('校验不通过的提示信息'))
  }
}

接下来，在父组件中使用子组件时，可以通过传递自定义校验方法给子组件的prop来实现自定义校验功能。例如：

<template>
  <div>
    <ChildComponent :validate="validateForm"></ChildComponent>
  </div>
</template>

在子组件中，可以通过props接收父组件传递过来的自定义校验方法：

props: {
  validate: {
    type: Function,
    required: true
  }
}

然后，在子组件相关的表单元素中，通过调用父组件传递过来的自定义校验方法来实现校验。例如，在子组件的模板中的 `<el-form-item>` 组件中使用自定义校验方法：

<el-form-item prop="字段名" :rules="[{ validator: validate }]">
  <el-input v-model="data"></el-input>
</el-form-item>

这样，当输入内容发生变化时，将会调用父组件传递的自定义校验方法，实现对子组件的校验功能。

以上就是在Element UI中，如何在子组件中使用自定义校验的方法实现校验的介绍。