修改element-ui中upload实例,添加删除前的二次确认
mounted () {
// 修改upload实例方法
let thatUpload = this.$refs.upload
let that = this
thatUpload.handleRemove = function (file, raw) {
if (raw) {
file = thatUpload.getFile(raw)
}
var fileList = thatUpload.uploadFiles
// debugger
if (!that.showTitle) {
that.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
fileList.splice(fileList.indexOf(file), 1)
that.infoForm.qualifyImage.splice(fileList.indexOf(file), 1)
that.toggleUpload = false //上传框显示
})
} else { //图片不符合要求时直接删除,不需要二次确认
fileList.splice(fileList.indexOf(file), 1)
that.toggleUpload = false
that.showTitle = false
}
}
},
handleRemove(file, raw) {
if (raw) {
file = this.getFile(raw);
}
this.abort(file);
var fileList = this.uploadFiles;
fileList.splice(fileList.indexOf(file), 1);
this.onRemove(file, fileList);
},