element-ui el-upload 控制台错误 Uncaught TypeError: Cannot set property ‘status‘ of undefined 的原因和解决办法

element-ui el-upload 控制台错误 Uncaught TypeError: Cannot set property ‘status’ of undefined 的原因和解决办法

出现的问题

1. 查看控制台报错
   
2. 断点调试
   
   在这里调试我们发现，file为undefined。我们进到getFile函数看到，this.uploadFiles方法的值为空，不能够进入到下面的every循环，而this.uploadFiles的值来自于父组件的fileList，所以我们就把错误定义到父组件中的fileList传值问题上。
   
3. 找出问题所在
   之前也在网上找过资料，看过一篇文章，可能是在el-upload钩子函数uploadChange做了文件过滤，将文件大小大于0的都进行了禁止上传。所以我也在相对应的函数中去找是否有这样的事情发生，结果发现并没有自定义这个方法过滤。所以我也就排除了这个问题，结果找到了这个问题。
   
   
   我们发现在before-upload钩子函数中，将当前的文件列表给清除了（我并不知道这位前人做这一步骤的原因是什么），这也就是为什么fileList为空的原因，所以最后将这句代码删除就能正常上传了。

总结：

出现了类似于上面的问题，基本上都是因为 fileList 造成的，所以在钩子函数中查找是否将 fileList 进行过特别处理的时候是否操作失误而造成的问题是犹关重要的。
本文借鉴：[el-upload控制台错误Cannot set property 'status' of undefined的原因和解决办法](https://blog.csdn.net/sinat_36521655/article/details/105078142?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param)