Vue报错:TypeError:Cannot create property 'xxx' on string 'xxxx'问题
更新时间：2024年08月05日 15:25:49 作者：达希_
这篇文章主要介绍了Vue报错:TypeError:Cannot create property 'xxx' on string 'xxxx'问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue报错:TypeError:Cannot create property 'xxx' on string 'xxxx'
报错详情
[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
}
});
vue Cannot create property ‘xxx字段‘ on string
看一下入参格式是否正确
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue使用vue-video-player无法播放本地视频的问题及解决
这篇文章主要介绍了vue使用vue-video-player无法播放本地视频的问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要为大家介绍了Vue与VueComponent的关系，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
下面小编就为大家分享一篇基于IView中on-change属性的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要给大家介绍了vue通过获取url中的信息登录页面的方法,文中通过代码示例给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-02-02
这篇文章主要为大家详细介绍了vue.js实现简单轮播图效果的相关代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
layer.js(mobile)是一个小巧方便的弹出层插件，在之前的apicloud项目中被大量使用，但最近对apicloud的IDE、非常不友好的文档和极低的开发效率深感厌烦，决定弃用然后转向Vue开发。这篇文章主要介绍了vue-cli脚手架引入弹出层layer插件的几种方法，需要的朋友可以参考下2019-06-06
这篇文章主要介绍了如何用Vue3和p5.js打造一个交互式图像动画,文中给出了详细的代码示例,本代码适用于需要在网页中实现图像滑动效果的场景,例如图片浏览、相册展示等,感兴趣的小伙伴跟着小编一起来看看吧2024-06-06
这篇文章主要介绍了vue使用路由的query配置项时如何清除地址栏的参数，本文通过案例给大家分享完美解决方案,需要的朋友可以参考下2023-09-09
el-upload http-request使用 多个文件上传携带其他参数方式
这篇文章主要介绍了el-upload http-request使用 多个文件上传携带其他参数方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
uniapp开发小程序的过程中主、分包有大小限制,随着业务的增加,使用web-view加载H5的方式,往往纯加载并不能满足业务需求,这个时候就得了解小程序与H5的交互,这篇文章主要给大家介绍了关于微信小程序与webviewH5通信的踩坑记录,需要的朋友可以参考下2024-07-07
最新评论