今天有一个上传两个文件并且不能重复的需求
于是就有了下面的代码
还有一个可以删除文件的功能
然后神奇的一幕就发生了,如图一,再上传同一个文件的时候会触发handleBeforeUpload事件处理函数里的pop方法,会把当前上传的文件对象删除,但是这是handleRemove事件处理函数也跟着触发了......于是就产生了可以上传重复文件的bug
解决方法
通过查看element官网解释:
删除的时候拿到该文件对象,文件对象中有一个status字段,判断这个字段为success的时候再执行删除时的代码就行啦
改造后的代码