vue el-form正则表达式判断邮箱

你可以使用 `el-form` 中的 `el-form-item` 和 `el-input` 组件结合正则表达式来判断邮箱格式是否正确。具体代码如下：

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

<script>
export default {
  data() {
    return {
      formData: {
        email: ''
      },
      rules: {
        email: [
          { required: true, message: '请输入邮箱', trigger: 'blur' },
          { pattern: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/, message: '邮箱格式不正确', trigger: 'blur' }
        ]
      }
    }
  }
}
</script>

在上面的代码中，我们通过 `rules` 属性定义了邮箱的校验规则，其中 `required` 表示必填，`pattern` 表示正则表达式匹配，如果不满足校验规则，会在 `el-form-item` 下方显示对应的错误信息。