el-form rules trigger

el-form 的 rules 属性用于定义表单的验证规则，而 trigger 则用于指定触发验证的时机。

在 el-form 中，你可以通过 rules 属性来定义每个表单项的验证规则。这些规则可以是一个数组，每个数组元素表示一个验证规则对象。例如：

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

data() {
  return {
    form: {
      username: ''
    },
    rules: {
      username: [
        { required: true, message: '用户名不能为空', trigger: 'blur' },
        { min: 6, max: 20, message: '用户名长度在 6 到 20 个字符', trigger: 'blur' }
      ]
    }
  };
}

在上述代码中，`rules` 对象定义了 `username` 字段的验证规则。每个规则对象都包含了 `required`、`message` 和 `trigger` 属性。`required` 表示该字段是否必填，`message` 是验证不通过时的错误提示信息，`trigger` 则指定了触发验证的时机。

在这个例子中，我们使用了 `trigger: 'blur'`，表示在表单项失去焦点时触发验证。除了 `'blur'`，还可以使用 `'change'` 来表示在表单项值变化时触发验证。

当某个表单项触发了验证时，如果验证不通过，el-form 会显示相应的错误提示信息。如果验证通过，则不会显示任何错误信息。

希望以上解答能对你有所帮助！如果你还有其他问题，请继续提问。