el-upload上传文件出现闪动解决

3,302 阅读1分钟

由于前端需要上传文件并且显示缩略图,el-upload内置是使用内未上传的file数据先显示,上传后再更新 我是自定义http-request请求上传接口的,所以每次上传完根据接口返回的数据进行files拼接,刚开始使用代码入如下,直接赋值更新file-list变量

出现如下问题

因为未上传的file已经渲染了,并且内部生成了uid 等字段,然后重新赋值的数据被内部识别成新数据,导致出现闪动,这个很影响体验,之后进行el-upload的源码解读,发现了uid等数据,不能直接改变赋值原来数据,

修改代码如下,将接口返回的file数据与原来组件返回的匹配并且拼接,问题解决