How does elmentUI distinguish between multiple uplaod upload problems?

there is a upload for each contract in the project. How to distinguish between upload and one-to-one correspondence

part of pseudo code upload component

<el-upload                 
   :on-success="(response, file, fileList)=>{return constractSuccUpload(response, file, fileList,index)}"
   
>
</el-upload>

callback save successfully

constractSuccUpload(response, file, fileList,index){
 let fileUrl = file.response;
 this.tableList[index].contractFile = fileUrl;                 
}

contract list data structure (multiple loops)

[{
contractName:"",
contractNo:"",
contractDate:"",
contractPayMoney:"",
contractTotalMoney:"",
contractFile:"" //}]

Delete operation

handleDelContractList(index){             
  this.tableList.splice(index,1)
}

upload pictures cannot correspond to deletion when clicking Delete

Menu