elementUI el-upload 上传单个文件及多个文件总结

一、单个文件时：

<el-upload
    class="upload-demo"
        ref="uploadSingle"
        drag
        :action="uploadUrl"
        :data={
   Userid:Userid,Username:Username,AllCount:1,RecCount:1,OverFlag:1}
        :show-file-list="true"
        :on-progress="handleProgress"
        :on-success="handleAvatarSuccess"
        :before-upload="beforeAvatarUpload"
        :on-change="changeUploadStatus"
        :on-error="handleError"
        :disabled="leaveFlag"
        accept="txt"
        >
        <i class="el-icon-box upload-icon"></i>
</el-upload>

自动上传时，这里的:data里的参数在一选定文件的时候就已经定了，无法在回调函数中逐一改变

getCaption(obj){
   
  let index=obj.lastIndexOf("\.");
    obj=obj.substring(index+1,obj.length);
    return obj;
},
handleProgress(event,file,fileList){
   
    this.AllCount=fileList.length;
    this.leaveFlag=true;//上传时不允许离开标识
},
changeUploadStatus(file, fileList){
   
    this.AllCount=fileList.length;
},
handleError(err, file, fileList){
   
    this.leaveFlag=false;//上传失败后的允许离开标识
    this.$message.error('上传文件失败，请重新上传!');
},
handleAvatarSuccess(res, file) {
   
     this.leaveFlag=false;//上传成功后的允许离开标识
     if(res.code===200&&res.SuccessFlag==1){
   
         this.$message