今天有一個(gè)上傳兩個(gè)文件并且不能重復(fù)的需求
image1
于是就有了下面的代碼
image2
還有一個(gè)可以刪除文件的功能
image3
然后神奇的一幕就發(fā)生了，如圖一，再上傳同一個(gè)文件的時(shí)候會(huì)觸發(fā)handleBeforeUpload事件處理函數(shù)里的pop方法，會(huì)把當(dāng)前上傳的文件對(duì)象刪除，但是這是handleRemove事件處理函數(shù)也跟著觸發(fā)了......于是就產(chǎn)生了可以上傳重復(fù)文件的bug
解決方法
通過查看element官網(wǎng)解釋：
image4
刪除的時(shí)候拿到該文件對(duì)象，文件對(duì)象中有一個(gè)status字段，判斷這個(gè)字段為success的時(shí)候再執(zhí)行刪除時(shí)的代碼就行啦
image5
改造后的代碼
iamge6
