// 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()
}
}