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