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!!!

原文地址:https://www.cnblogs.com/codebook/p/15300281.html