使用element-UI的el-upload组件删除当前图片如何实现点击确定得到后台返回值后再删除图片

Question

在使用element-UI使用图片上传中，对于已经上传的图片filelist，点击删除按钮，弹出确认按钮开始请求后台，等到后台返回正确结果后再删除图片。
代码：
this.$confirm('此操作将删除当前图片,是否继续?','提示',{
confirmButtonText:'确定',
cancelButtonText:'取消',
type:'warning'
}).then(()=>{
ajaxDelete(deletePic+'?id='+file.id,this.handleDeleteSuc,this.handleDeleteFail)
})
3.但是现在问题一点击确定就立即删除了图片不等后台返回结果。
4.链接描述

Answer 1

upload中有个before-remove--------------删除文件之前的钩子，参数为上传的文件和文件列表，若返回false或者返回Promise且被reject，则停止删除。文档写的。在before-remove里进行弹出确认

Answer 2

我的解决方法是:methods:{reqDeletePic(file,fileList){this.$confirm('此操作将删除当前会场,是否继续?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{this.asyncReq(file,fileList)//在这里真正的处理图片列表}).catch(()=>{this.$message({type:'info',message:'已取消删除'});});returnfalse;//这是重点,不管上面的操作结果如何都返回false},asyncReq(file,fileList){//处理图片列表//远请求服务器如果成功则把fileList中要删除的file移除即可}