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


前言

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

一、报错原因

具体的报错就是下图这样的:
在这里插入图片描述
这个问题出现是因为类型错误了,从而导致的报错。
在这里插入图片描述
我使用的是element plus中的upload上传组件,可以看到的是我使用了一个file-list属性,这个属性就是导致报错的主要原因,我们可以看一下官方文档是怎么描述的。
在这里插入图片描述
这个属性需要的是一个数组,数组里面是对象类型,这个项目之前的需求是我给它一个逗号分开的字符串,现在更改了, 所以如果你的类型不对的话就会报错。
在没改需求之前使用的是另外一种方法,在需求更改后没有太过注意这一部分,导致出现报错。
下面就为大家讲一下该如何解决这个问题。

二、解决方案

在这里插入图片描述
这个就是我更改过后的代码,将语音的路径以对象的形式push到这个数组里面,在确认编辑的时候再进行循环,把每一个图片的路径都拿到放到一个数组里面。
在这里插入图片描述
这样就解决了这个报错的问题。
在改的时候也搜了一下,方法的话也是有很多,但是最终导致问题的根源还是相同的。
每个人都有自己的想法和习惯,都有一套自己解决问题的方法,能够解决问题的方法就是好方法。

总结

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

猜你喜欢

转载自blog.csdn.net/SqlloveSyn/article/details/131991044
今日推荐