elementUI中form表单的upload上传图片及校验总结

自定义校验方法,因为我的项目是,分情况,可以选择是否有图,所以我定义了一个变量hasFmt,
当他为false的时候,才会要求上传,走这个校验方法,rules里声明这个方法

   var valiIcon = (rule, value, callback) => { // 图片验证
    if (!this.hasFmt) {
      callback(new Error('请上传图片'));
    } else {
      callback();
   }
}
   icon:[
    {required:true, validator: valiIcon, trigger: 'change' }  // 图片验证
   ]

根据情况去切换hasFmt的值 就可以控制是否校验失败啦~~
这就是校验图片的思路了,是不是很简单呢~~~

再来说说表单带着图片一起上传~

onChange(file,fileList){
    if(fileList.length>0){
      this.hasFmt = true;
    }
},