使用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移除即可
}