uni-forms组件怎么利用validateTrigger属性设置校验时机

Uni-forms 是一款基于 Vue.js 的表单组件库，其 validateTrigger 属性可以用来设置校验时机。validateTrigger 属性可以设置为以下几种值：

- `blur`：在表单元素失去焦点时进行校验。
- `change`：在表单元素内容发生变化时进行校验。
- `submit`：在表单提交时进行校验。
- `none`：不进行自动校验，需要手动调用 validate 方法进行校验。

默认情况下，validateTrigger 属性的值为 `blur`。

以下是一个使用 validateTrigger 属性的示例：

<template>
  <div>
    <u-form ref="form" :model="form" :rules="rules" :validate-trigger="'blur'">
      <u-form-item label="用户名" prop="username">
        <u-input v-model="form.username"></u-input>
      </u-form-item>
      <u-form-item label="密码" prop="password">
        <u-input type="password" v-model="form.password"></u-input>
      </u-form-item>
      <u-form-item>
        <u-button @click="submitForm">提交</u-button>
        <u-button @click="resetForm">重置</u-button>
      </u-form-item>
    </u-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        username: '',
        password: ''
      },
      rules: {
        username: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
        password: [{ required: true, message: '请输入密码', trigger: 'blur' }]
      }
    }
  },
  methods: {
    submitForm() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 表单校验通过，可以提交表单
        } else {
          // 表单校验不通过，提示错误信息
        }
      })
    },
    resetForm() {
      this.$refs.form.resetFields()
    }
  }
}
</script>

在上面的示例中，validateTrigger 属性被设置为 `blur`，表示在表单元素失去焦点时进行校验。同时，每个表单元素的校验规则中也可以设置 trigger 属性，用来覆盖全局的 validateTrigger 属性。