element plus,表单校验的trigger: [“blur”, “change”]，是如何实现的，如果内部的组件是自己的，如何触发trigger

Element Plus是一个基于Vue.js的UI库，其表单验证功能通常利用v-model指令配合自定义事件或者官方提供的`el-form`和`el-form-item`组件。当你设置`trigger`属性为`["blur", "change"]`时，它意味着表单验证会在元素失焦（blur）或值改变（change）时自动启动。

具体实现过程如下：

1. **事件监听**：当用户在输入字段上发生指定的触发事件（如文本框失去焦点、内容更改等）时，`blur`或`change`事件会被触发。

2. **数据绑定**：`v-model`双向数据绑定使得表单值的变化会同步到视图层，并同时触发`"blur"`或`"change"`事件。

3. **验证规则**：在`el-form`组件内，你可以配置验证规则并关联到相应的表单项。当触发事件时，验证规则会被检查，如果有不符合规则的地方，组件会显示相应的错误提示。

如果你的内部组件是自定义的，并想让`blur`和`change`同样触发验证，你需要在该组件中添加相应事件处理程序，比如`@input`或`@blur`，然后调用父组件传递下来的验证方法或者直接修改状态（如果支持），告知外部表单更新验证。

例如，在自定义组件中：

<template>
  <input @blur="handleBlur" v-model="value" />
</template>

<script>
export default {
  methods: {
    handleBlur() {
      this.$emit('validate', this.value); // 触发父组件的验证函数
    }
  }
}
</script>

这样，当你自定义组件内的输入失去焦点时，就会触发验证过程。