Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决

更新时间：2022年06月28日 15:00:27 作者：倘若hfl

这篇文章主要介绍了Vue报错:TypeError: Cannot create property ‘xxxx‘ on的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

TypeError: Cannot create property ‘xxxx‘ on

使用element的upload上传时报错

出现这种错通常是你的数据和需要的数据格式不匹配

查看官网发现需要的是这种格式[{},{}]

我的代码输出的是[‘url1’,‘url2’]

正确代码

handlesuccess(res, file, fileList) {
        var that = this
        // that.fileList.push(res.info.url) //['url1','url2'] 错误的
        var lists = {
          "name": res.info.name,
          "url": res.info.url
        }
        that.fileList.push(lists)
      },

[Vue warn]: Error in nextTick: "TypeError: Right-hand side of 'instanceo

报错如下

原因

props 中出传来的默认值给的是具体的字符串

解决办法

将具体字符串变成String，类型

解决根据

验证传入的 props 参数的数据规格，如果不符合数据规格，Vue 会发出警告。

能判断的所有种类（也就是 type 值）有：

String, Number, Boolean, Function, Object, Array, Symbol

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

测试平台开发vue组件化重构前端代码
这篇文章主要为大家介绍了测试平台开发vue组件化重构前端代码，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-05-05
Vue如何解决兄弟组件之间传值问题
这篇文章主要介绍了Vue如何解决兄弟组件之间传值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
nuxtjs中如何对axios二次封装
这篇文章主要介绍了nuxtjs中如何对axios二次封装问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
基于vue.js的分页插件详解
这篇文章主要为大家详细介绍了基于vue.js的分页插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
Vue中$nextTick实现源码解析
这篇文章主要为大家介绍了Vue中$nextTick实现源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-10-10
Vue3中关于getCurrentInstance的大坑及解决
这篇文章主要介绍了Vue3中关于getCurrentInstance的大坑及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
这篇文章主要介绍了vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能,本文图文并茂给大家介绍的非常详细，需要的朋友可以参考下
2018-03-03
vue中v-for和v-if一起使用之使用compute的示例代码
这篇文章主要介绍了vue中v-for和v-if一起使用之使用compute的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-05-05
vue使用Luckysheet插件实现excel导入导出
本文主要介绍了vue使用Luckysheet插件实现excel导入导出，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2024-03-03
基于vue.js无缝滚动效果
这篇文章主要介绍了一个基于vue.js无缝滚动效果,文中给大家介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下
2018-01-01