elementUi表单正则校验

<el-form-item
 prop="contactEmail"
 label="联系邮箱"
 :rules="[{ required: true, message: '请输入联系邮箱', trigger: 'blur' },
          {
           pattern:/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/ ,
           message: '请输入正确的邮箱',
           trigger: 'blur'
            }]">
<el-input
 v-model="formData.contactEmail"
  placeholder="请输入联系邮箱"></el-input>
</el-form-item>

主要是添加 pattern