element ui ——form表单验证的之对于上传图片的验证

由于 饿了吗 ui 对于上传图片是没有这种格式的验证,就要自己手动配一下。
首先配一个自定义的验证规则

  var validatePass = (rule, value, callback) => {
      if (this.logo.length == 0) {
        callback(new Error('请上传图片'))
      } else {
        callback()
      }
    }

这里我的上传图片的列表是和logo字段绑定的
所以当logo长度为0时,就是没有上传图片
当但是这样的话,在上传图片后不会自动验证,所以要在上传图片成功后,触发这个验证

 this.$refs.ruleData.validateField('fileList') //对图片重新验证

对这个验证重新进行效验
在对于点击删除事件的方法时,当图片列表的长度为0时,再次触发图的验证。