element-ui upload組建上傳 file-list踩過的坑

 

昨天修完了一個上傳組件刪除時，圖片刪掉了，可是地址仍然在的bug，今天測試告訴我bug沒休掉，what ！，昨天修完以後我自測了一下，OK的好嗎，可是測試給我演示了一下，問題仍然存在！！！我看了一下調試窗口，報錯：id 不存在？這個id是寫在

handleRemove裏面的，本來是file裏面的response裏面的id,可是現狀id不存在，我把file打印出來，以下圖：

 

 

我更懵逼了，昨天的file結構怎麼和今天的不同啊，我明明記得昨天的file裏面有response的？？我仔細想了一下，昨天改完bug以後，我好像加了點東西，爲了點擊關閉按鈕以後能清空圖片的，我在upload組建上加了兩個屬性：

一個ref,和一個:file-list,難道和這兩個有關係嘛？我把這倆值註銷掉以後，再次打印handleRemove裏面的file,數據結構以下：

 

 這纔是我昨天看到數據嘛？可是why?是ref影響的，仍是file-list影響的？通過測試發現只要把file-list註銷掉，file裏面就是有response的，緣由仍是在file-list身上，:file-list='imgList',拿這個imglist是什麼東西呢？

在handleSuccess裏面能夠看到，imglist裏面是由response構成的數組，這下我就明白了，刪除時的file是從file-list裏面拿值，若是file-list裏面是response,那麼刪除時的file就等於response,若是file-lis裏面是file，那麼刪除時的file和上傳成功時的file是同樣的