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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM