关于el-upload执行完before-upload事件之后会触发on-remove事件的解决方式

前言

先说一下问题吧,使用el-upload在上传文件时调用了一下before-upload事件,过滤掉不符合格式的文件。结果当before-upload事件结束之后又触发了on-remove事件

因为删除文件时会有一个二次确认,结果就导致了下图这种情况,我上传个文件,结果弹出了一个确认框
在这里插入图片描述

解决

关于on-remove事件,是有两个参数的 filefileList ,我们需要借助file来解决这个问题

先看一下上传成功的文件执行on-remove事件的结果:
在这里插入图片描述
再看一下before-upload 事件
在这里插入图片描述
这样的化我们修改一下on-remove事件,应该等到statussuccess时再执行

if(file && file.status == 'success') {
    
    
   //业务逻辑
}

补充

before-upload事件中使用for循环时一定要注意,当跳出循环时使用break

在这里插入图片描述

不清楚是不是上一位大哥咋想的,不应该是用break跳出循环吗。 当然这里使用 return; 也能生效,但是绝对不能使用return false;return false;会直接触发on-remove事件

猜你喜欢

转载自blog.csdn.net/weixin_41897680/article/details/127387586