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;
    }
},