Vue报错：TypeError: Cannot create property 'xxx' on string 'xxxx'

最新推荐文章于 2025-03-07 23:01:30 发布

达希_

最新推荐文章于 2025-03-07 23:01:30 发布

阅读量4.2w

点赞数 12

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/nibonnn/article/details/104029005

版权

Vue 专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了在使用Vue结合ElementUI的Upload组件时出现TypeError的错误原因及解决办法，阐述了如何将字符串列表正确转换为对象列表以符合组件需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错详情：

[Vue warn]: 
Error in callback for immediate watcher "fileList": 
"TypeError: Cannot create property 'uid' on string 'string_url_1'"
...

示例如图：
在这里插入图片描述
报错原因：
TypeError: Cannot create property ‘xxx’ on string ‘xxxx’，此类错误是赋值的类型错误，如以上示例错误，在使用ElementUI的upload组件时，把字符串列表赋值给了fileList，而fileList需求的是对象的列表。

示例错误代码：

pictureList = ['string_url_1', 'string_url_2'];
this.fileList = pictureList;

示例正确代码：

pictureList = ['string_url_1', 'string_url_2'];
this.fileList = pictureList.map(item => {
       return {
         name: item,
         url: baseUrl + item
       }
});