Vue elementUI中el-form校验非必填

Vue element-ui中校验非必填
【bug】删除required当删除后依旧通过不了校验

【注】
1.除了去掉required还要注意自定义校验
【技巧】可以通过让空通过[即实现非必填][同时这种可以过滤空格]

 // 验证邮箱的规则
    var checkEmail = (rule,value,cb)=>{
      // 验证邮箱正则表达式
      const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
      if(regEmail.test(value)||''===value){
        return cb()
      } else{
        cb(new Error('请输入正确的邮箱'))
      }
    }

加上后空即可通过校验

【注】我这里是点击确定进行邮箱校验

this.$refs[formName].validate((valid) => {
        if (valid) {
          this.$axios.post(this.changeOwnEmailUrl, params).then(res => {
            if (0 == res.data.code) {//修改成功