element ui form 邮箱格式验证

Element UI 提供了内置的邮箱格式验证，可以使用以下方式进行验证：

在表单项中添加 type="email" 属性。

<el-form-item label="邮箱" prop="email">
  <el-input v-model="form.email" type="email"></el-input>
</el-form-item>

在表单项中添加 rules 属性，并定义验证规则。

<el-form-item label="邮箱" prop="email" :rules="emailRules">
  <el-input v-model="form.email"></el-input>
</el-form-item>

data() {
  return {
    form: {
      email: '',
    },
    emailRules: [
      { required: true, message: '请输入邮箱', trigger: 'blur' },
      { type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] }
    ],
  }
}

其中，emailRules 是一个数组，里面包含两个验证规则：

{ required: true, message: '请输入邮箱', trigger: 'blur' } 表示输入框不能为空。
{ type: 'email', message: '请输入正确的邮箱格式', trigger: ['blur', 'change'] } 表示输入框的值必须是合法的邮箱格式。

通过这两个验证规则，可以实现邮箱格式的验证