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

曾经终败给现在 2023-06-30 15:00 1阅读 0赞

**报错详情：**

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

示例如图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pYm9ubm4_size_16_color_FFFFFF_t_70]  
**报错原因：**  
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
           }
    });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pYm9ubm4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2020011812134138.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25pYm9ubm4=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”

Vue报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined” 错误全程 Cannot re

Love The Way You Lie/ 2024年03月16日 13:37/ 0 赞/ 71 阅读

相关 Uncaught TypeError: Cannot create property ‘LAY_TABLE_INDEX‘ on number ‘2

一. 问题背景 > 后台：SSM框架 > 前端：layui框架 > 描述：一个商城，登录普通用户，进入后台管理，查看当前用户的一些信息和操作。（因为当前登录的是普通

以你之姓@/ 2023年07月19日 10:38/ 0 赞/ 4 阅读

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

报错详情： [Vue warn]: Error in callback for immediate watcher "fileList": "Ty

曾经终败给现在/ 2023年06月30日 15:00/ 0 赞/ 2 阅读

相关 js报错- cannot set property xxx of undefined

js报错- cannot set property xxx of undefined js - cannot set property xxx of undefined

深藏阁楼爱情的钟/ 2023年02月23日 05:09/ 0 赞/ 13 阅读

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

\[Vue warn\]: Error in callback for watcher "fileList": "TypeError: Cannot create prope

港控/mmm°/ 2022年12月21日 14:56/ 0 赞/ 147 阅读

相关使用Echarts报错 Error in created hook: “TypeError: Cannot read property ‘getAttribute‘ of null“

出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的 ![在这里插入图片描述][20200927154323631.png_pic_center]

迷南。/ 2022年12月11日 01:27/ 0 赞/ 163 阅读

相关 Angular报错 Cannot read property ‘xxx‘ of undefined

<div class="col-md-10"> <label>联系人地址：</label> <span>

素颜马尾好姑娘i/ 2022年12月09日 15:55/ 0 赞/ 209 阅读

相关 Vue 打包后报错 Uncaught TypeError: Cannot redefine property: $router

原因：就如报错提示所描述的，不能重新定义$router，说明是重复定了$router。通常是因为在项目中安装了vue-router的依赖并且用Vue.use()使用了vue-r

怼烎@/ 2021年12月05日 03:47/ 0 赞/ 577 阅读

相关 vue 报错解决：TypeError: Cannot read property '_t' of undefined"

前端报错如下： \[Vue warn\]: Error in render: “TypeError: Cannot read property ‘\_t’ of undef

系统管理员/ 2021年12月03日 08:01/ 0 赞/ 464 阅读

相关 Vue.js报错"TypeError: Cannot read property 'name' of undefined"

出现该错误的原因是因为你花括号中的某些属性未定义。很有可能是因为你写错了属性名称，要么还有一种情况就是：异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性

旧城等待，/ 2021年09月16日 20:26/ 0 赞/ 318 阅读