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项目中安装和使用vant组件
这篇文章主要介绍了VUE安装和使用vant组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
Vue实现购物车实例代码两则
这篇文章主要介绍了Vue实现购物车实例代码,需要的朋友可以参考下
2020-05-05
Vue入门实战之天气预报
这篇文章主要为大家详细介绍了Vue入门实战之天气预报，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
详解Vue-Router源码分析路由实现原理
这篇文章主要介绍了Vue-Router源码分析路由实现原理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
element-ui树形控件后台返回的数据+生成组织树的工具类
这篇文章主要介绍了element-ui树形控件后台返回的数据+生成组织树的工具类，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03
Vue3.0数据响应式原理详解
这篇文章主要介绍了Vue3.0数据响应式原理详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
这篇文章主要介绍了vue仿携程轮播图效果（滑动轮播,下方高度自适应）,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-02-02
vue中实现监听数组内部元素
这篇文章主要介绍了vue中实现监听数组内部元素方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
vue关于eslint空格缩进等的报错问题及解决
这篇文章主要介绍了vue关于eslint空格缩进等的报错问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-05-05
解决vue.js出现Vue.js not detected错误的问题
这篇文章主要介绍了解决vue.js出现Vue.js not detected错误的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10