[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 property ‘uid‘ on st

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

报错原因:

TypeError: Cannot create property ‘xxx’ on string ‘xxxx’,此类错误是赋值的类型错误

如以上示例错误,在使用ElementUI的upload组件时,把字符串列表赋值给了

fileList

,而

fileList

需求的是对象的列表

示例错误代码:

pictureList = ['url1', 'url2'];
this.fileList = pictureList;

示例正确代码:

pictureList = ['url1', 'url2'];
this.fileList = pictureList.map(item => {
       return {
         name: item,
         url: item
       }
});

Tips:【小程序云开发】中高级前端面试题库(1000+)(小程序中联系我哟)。

---------- 创作不易,感谢大家,请多多支持!

WX搜索 【MST题库】小程序查看

相关文章
|
1天前
|
JavaScript 定位技术
BIGEMAP地图VUE中引入
BIGEMAP地图VUE中引入
3 0
BIGEMAP地图VUE中引入
|
1天前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
6 0
|
1天前
|
JavaScript 定位技术 开发者
vue项目使用腾讯地图获取定位
vue项目使用腾讯地图获取定位
4 0
|
1天前
|
JavaScript 开发者
如何新建一个vue+vant移动端项目
如何新建一个vue+vant移动端项目
6 0
|
5天前
|
前端开发 JavaScript
Vue底层实现原理总结
Vue底层实现原理总结
|
10天前
|
JavaScript 前端开发 测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开发者可以专注于业务逻辑的实现,而不需要花费大量时间在项目配置上。
71 7
使用 Vue CLI 脚手架生成 Vue 项目
|
1天前
|
JavaScript
Vue全局注册与局部注册异同点
Vue全局注册与局部注册异同点
12 6
|
1天前
|
JavaScript
Vue的小知识点
Vue的小知识点
7 2
|
7天前
|
JavaScript