[Vue warn]: Error in callback for watcher “fileList“: “TypeError: Cannot create property ‘uid‘ on

---

前言

大家好，今天和大家分享一个项目报错及这个报错的解决方案。
我当前使用的是Vue3+element plus开发的一个录音的后台管理，在之前的文章也发过一篇上传录音的文章，这两个是同一个项目，是因为更改了一些需求，现在进行更改出现了报错，下面就来讲讲这个报错的原因和解决方案。

一、报错原因

具体的报错就是下图这样的：

这个问题出现是因为类型错误了，从而导致的报错。

我使用的是element plus中的upload上传组件，可以看到的是我使用了一个file-list属性，这个属性就是导致报错的主要原因，我们可以看一下官方文档是怎么描述的。

这个属性需要的是一个数组，数组里面是对象类型，这个项目之前的需求是我给它一个逗号分开的字符串，现在更改了， 所以如果你的类型不对的话就会报错。
在没改需求之前使用的是另外一种方法，在需求更改后没有太过注意这一部分，导致出现报错。
下面就为大家讲一下该如何解决这个问题。

二、解决方案

这个就是我更改过后的代码，将语音的路径以对象的形式push到这个数组里面，在确认编辑的时候再进行循环，把每一个图片的路径都拿到放到一个数组里面。

这样就解决了这个报错的问题。
在改的时候也搜了一下，方法的话也是有很多，但是最终导致问题的根源还是相同的。
每个人都有自己的想法和习惯，都有一套自己解决问题的方法，能够解决问题的方法就是好方法。

总结

以上就是本章的全部内容，我不知道自己的是不是最好的，也一定会有大佬比我写的要好，但我想把自己的解决方案和一些见解分享出来，当有人遇到同样的问题的时候可以多一个解决方法，如果我的方法有问题或者有更好的解决方案希望能够向我提出来，并向您表示感谢。
希望本篇文章能够帮助到您，让我们共同提升共同进步吧！