el-upload上傳列表中出現重復數據的問題

問題描述

el-upload上傳文件刪除再次上傳，上傳列表中會出現重復數據。只有新增上傳時才會出現這樣的問題，修改時因為有了一條數據所以不會出現問題。

// 問題代碼
<file-upload
  multiple
  :file-list="param.fileList || []"
></file-upload>

param.fileList: ""

問題解決

注意，當param.fileList為一個空字符時，默認綁定的就是一個空數組而不是param.fileList，所以新增上傳時候綁定的數據錯了導致上傳出錯了，param.fileList一旦初始化成一個數組，上傳功能就正常了。

// 修改后的代碼
<file-upload
  multiple
  :file-list="param.fileList"
></file-upload>


param.fileList: []

備注

嚴格遵守開發規范，賦值規范以及綁定數據規范，才能有效避免這種神奇的bug！！！