elementUI 表单非必填项的验证

// prop是需要的
<el-form-item label="联系邮箱：" prop="email">
   <el-input type="text" v-model="form.email" show-word-limit maxlength="30"></el-input>
</el-form-item>

// rules里面的required设置为false或者不写（不写默认为false）
email: [{ validator: isEmail, trigger: 'blur' }]

// 这里我的验证方法提到了公共js中

import * as validate from '@/utils/validate.js'
export const isEmail = (rule, value, callback) => {
  if (value != '') { // 不为空的时候进行验证
    validate.isEmail(value) ? callback() : callback(new Error('邮箱格式错误'))
  }else{ // 为空的时候就直接放过去（这里一定要写，不然既不报错也不会往下走【应该和router的next()相同】）
    callback()  
  }
}