element表单验证规则rules，trigger属性的详细用法

在 Element UI 表单组件中，可以使用 `rules` 属性来设置表单验证规则。其语法如下：

<el-form-item label="用户名" prop="username">
  <el-input v-model="username" />
</el-form-item>

export default {
  data() {
    return {
      // 表单数据
      username: '',
    }
  },
  methods: {
    // 自定义验证规则
    validateUsername(rule, value, callback) {
      if (!value) {
        callback(new Error('请输入用户名'))
      } else if (value.length < 6) {
        callback(new Error('用户名长度不能小于6位'))
      } else {
        callback()
      }
    }
  },
}

<el-form :model="form" ref="form" :rules="rules">
  <el-form-item label="用户名" prop="username">
    <el-input v-model="form.username" />
  </el-form-item>
</el-form>

在上面的代码中，我们使用了 `rules` 属性来设置表单验证规则，同时在 `validateUsername` 方法中定义了自定义验证规则。在 `rules` 中，我们可以给每个字段设置一个验证规则数组。比如我们给 `username` 字段设置了一个验证规则数组 `[{ required: true, validator: validateUsername, trigger: 'blur' }]`，其中 `required` 表示必填项，`validator` 表示自定义验证规则，`trigger` 表示触发验证的事件类型。在这里，我们使用了 `blur` 事件触发验证。

除了 `blur`，还可以使用 `change`、`submit` 等事件触发验证。如果不设置 `trigger` 属性，默认会在表单提交时触发验证。

总的来说，`trigger` 属性用于设置触发验证的事件类型。当事件触发时，会执行对应的验证规则。如果验证不通过，会回调一个错误信息。如果验证通过，不会有任何提示。