vue+element upload组件上传多次调用接口(解决方案)

1.开发环境 vue+element
2.电脑系统 windows11专业版
3.在使用element的过程中,遇到upload组件上传多次调用接口,下面我来分享一下解决方法:

// tempalte代码

  新增

//return 代码:
FileUploadNumber:0,
fileList:[],

FileChange (file, fileList){
      console.log(file);
      console.log(fileList);
      this.fileList = fileList;
      this.FileUploadNumber += 1;
      let length = fileList.length;
      this.FileUploadNumber = Math.max(length, this.FileUploadNumber);
      // setTimeout(() => {
      //
      // });
      if (length !== this.FileUploadNumber) {
        // console.log('当前length为', length, '不是最大值');
        return false;
      } else {
        console.log('当前length为最大值', length);
        //这里就可以调用你上传文件的接口了
        const formData = new FormData();
        this.fileList instanceof Array && this.fileList.map(item=>{
          formData.append("sdkSymbolFiles",item.raw);
        });
       
      }
    },

4.本期的分享到了这里就结束啦,希望对你有所帮忙,让我们一起努力走向巅峰。