element-plus 父组件控制子组件的表单验证

在 Element Plus 中，可以使用 `ref` 属性来获取子组件的实例，从而通过子组件实例调用其方法和属性。

假设有一个表单组件 `MyForm`，其中包含一个表单项组件 `MyFormItem`，需要在父组件中控制 `MyFormItem` 的表单验证，可以按照以下步骤操作：

1. 在 `MyFormItem` 组件中暴露一个名为 `validate` 的方法，用于执行表单验证逻辑，例如：

methods: {
  validate() {
    return this.$refs.input.validate();
  }
}

其中 `this.$refs.input` 是 `MyFormItem` 中表单项组件的引用，可以根据实际情况进行修改。

2. 在 `MyForm` 组件中通过 `ref` 属性获取 `MyFormItem` 实例，并调用其 `validate` 方法，例如：

methods: {
  onSubmit() {
    const isValid = this.$refs.formItem.validate();
    if (isValid) {
      // 表单验证通过，执行表单提交逻辑
    }
  }
}

其中 `this.$refs.formItem` 是 `MyForm` 中表单项组件的引用，同样可以根据实际情况进行修改。

通过以上步骤，就可以在父组件中控制子组件的表单验证了。