vue+element-plus 父组件校验子组件的form表单

可以通过在父组件中通过 $refs 获取到子组件的表单实例，然后调用其 validate 方法进行表单校验。

具体实现可以参考以下代码：

<template>
  <div>
    <ChildForm ref="childForm"></ChildForm>
    <button @click="submitForm">提交</button>
  </div>
</template>

<script>
import ChildForm from './ChildForm.vue';

export default {
  components: {
    ChildForm,
  },
  methods: {
    submitForm() {
      // 获取子组件的表单实例
      const childForm = this.$refs.childForm.$refs.form;
      // 调用表单实例的 validate 方法进行校验
      childForm.validate(valid => {
        if (valid) {
          // 校验通过，提交表单
        } else {
          // 校验不通过，提示用户
        }
      });
    },
  },
}
</script>

在上面的代码中，父组件通过 $refs 获取到了子组件的表单实例，并且调用了其 validate 方法进行表单校验。校验结果会在回调函数中返回，根据校验结果进行相应的处理即可。