环境描述:上传附件拿取上传接口中返回的数据(list),删除文件handleRemove会删除文件列表的第一个文件(页面正常,传值错误)
<el-upload
ref="upload"
:file-list="fileList"
:http-request="savezongan"
action="#"
multiple
:on-remove="handleRemove"
>
<el-button slot="trigger" size="small" type="primary"
>选取文件</el-button
>
<div slot="tip" class="el-upload__tip"></div>
</el-upload>
如果用splice(index,1)是只能删除第一条文件数据。我是把fileList的数据重新赋值传值的
handleRemove(file, fileList) {
let newfileList = fileList.map((item) => {
return {
fileName: item.name,
fileUrl: item.url,
};
});
this.form.filesList = newfileList;
console.log(this.form.filesList);
},