vxe-form怎么设置字段规则

在 vxe-form 中设置字段规则可以使用 `rules` 属性。该属性需要一个数组，数组中每个元素代表一个字段的规则。每个规则对象可以设置以下属性：

- `trigger`：触发校验的事件，默认是 `blur`。
- `required`：是否必填。
- `pattern`：正则表达式校验。
- `validator`：自定义校验函数。

例如，设置一个必填字段和一个邮箱格式校验规则可以如下所示：

<template>
  <vxe-form ref="form" :rules="rules">
    <vxe-form-item label="邮箱" prop="email">
      <vxe-input v-model="formData.email"></vxe-input>
    </vxe-form-item>
  </vxe-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        email: ''
      },
      rules: [
        {
          field: 'email',
          required: true,
          trigger: 'blur',
          message: '请输入邮箱'
        },
        {
          field: 'email',
          pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/,
          trigger: 'blur',
          message: '请输入正确的邮箱格式'
        }
      ]
    }
  }
}
</script>

在这个例子中，我们通过设置 `rules` 数组来设置字段规则。对于邮箱字段，我们设置了两个规则：必填和邮箱格式校验。如果用户在表单中输入了不符合规则的内容，将会显示对应的错误提示信息。