组件采过的坑--大乌龙事件

最新推荐文章于 2023-08-28 16:43:36 发布
最新推荐文章于 2023-08-28 16:43:36 发布
阅读量582 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/men_gqi/article/details/121791584
版权
本文探讨了在子组件使用父组件传递数据时遇到的类型错误问题。当父组件data中初始化数据为数组而非预期的对象时，子组件加载数据时会报错。尽管在不使用组件时重新赋值可以暂时解决，但在组件使用过程中，由于数据加载顺序，可能会导致类型不匹配的错误。解决方案在于确保父组件传递给子组件的数据类型正确无误。
摘要由CSDN通过智能技术生成
报错Invalid prop: type check failed for prop “tableData”. Expected Object, got Array found in
分析:
  1. 子组件使用父组件传输数据,子组件接收数据类型正常,但是一直报错
    在这里插入图片描述
    经过分析发现是父组件data中初始化数据类型不对,但是一般不使用组件时候再次赋值会被覆盖,就不存在数据类型不对的报错,但是使用组件时候在父组件数据没有赋值之前是会被子组件加载,此时数据类型不对应就会报错.
大白菜1号
关注
专栏目录
moving-oolong：移动乌龙网站
02-24
"moving-oolong"是一个移动网站项目，专为乌龙豆荚设计，采用了现代Web开发技术栈，包括Gatsby和Netlify。这个项目的核心目标是为用户提供一个流畅、高效的移动端体验，利用Material组件和样式来确保用户界面(UI)的...
从光大证券乌龙指事件看金融衍生工具的基本功能及内在缺陷论文-论文.zip
08-18
这篇论文的标题揭示了主要研究内容，即通过分析2013年的“光大证券乌龙指事件”来探讨金融衍生工具的基本功能及其内在缺陷。金融衍生工具是金融市场中的重要组成部分，它们的价值来源于基础资产，如股票、债券、商品...
解决Invalid prop: type check failed for prop “data“. Expected Array, got Object 报错
奥特蛋的博客
02-15 1万+
Invalid prop: type check failed for prop “data”. Expected Array, got Object 报错
[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got Object 解决方法
qq_42514371的博客
08-23 5480
[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object 解决方法
Invalid prop: type check failed for prop “data“. Expected Array, got Object[已解决]
聪明不喝牛奶的博客
07-23 1万+
[Vue warn]:Invalid prop: type check failed for prop “data”. Expected Array, got Object 要处理这个bug就必须先明白这个bug到底是什么类型是怎么一回事，那字面意思就是说：这是一个非法的数据类型，本来期望的是得到数组但是你给了一个对象。好就到这，问题就很明了，那就是你给的对象要转换成数组了。然后就开始转换，这网上很多的解决方法我就不说了。我来讲讲一个我觉得更简单的解决方法。 首先这是我们定义好的接受的格式 report:
vue常见错误：Invalid prop: type check failed for prop “data“. Expected Array, got Object
热门推荐
红岸基地
05-28 20万+
错误截图 错误分析 这个错误的意思是说：无效的命名数据:“数据”类型检查失败。期望数组，得到对象，那么我们这个时候很明白了，是类型不对，但是是哪一行的呢？打开错误信息下面的详情，这个时候找到后缀是自己页面的.vue文件，看看是哪一行，就知道问题在哪了！下面的是我的： warn @ vue.esm.js?efeb:610 assertProp @ vue.esm.js?efeb:1691 vali...
解决vue报错: Invalid prop: type check failed for prop “data“. Expected Array, got Object
Codernmx
01-09 5万+
解决：[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got Object 原因是因为你初始化数据的时候是想要保存一个对象但是你接收到的数据是一个数组： 修改为数组就好了
行业分类-设备装置-一种乌龙茶平台式全自动做青机控制系统.zip
08-21
乌龙茶是中国特有的半发酵茶类，其独特的香气和口感深受消费者喜爱，而做青是乌龙茶制作过程中的关键步骤，对茶叶品质有决定性影响。 这种全自动做青机控制系统主要目标是提高茶叶生产效率，同时确保做青工艺的精准...
建筑施工组织2021-吴广客运专线乌龙泉花都段III标莲花坡2＃大桥支架设计施工方案.doc
05-19
【吴广客运专线乌龙泉花都段III标莲花坡2＃大桥支架设计施工方案】是针对新建铁路武汉至广州客运专线中的某大桥建设所制定的详细施工计划。该方案涉及了大桥的工程概况、支架方案设计以及支架的检验计算等多个关键...
2023-2028年乌龙茶市场现状与前景调研报告.pdf
最新发布
01-19
《2023-2028年乌龙茶市场现状与前景调研报告》是对乌龙茶行业进行全面分析的研究报告，旨在为相关企业和从业者提供关键的决策指导。报告深入探讨了行业的监管环境、主要政策法规、发展特征以及未来发展趋势，为企业...
Invalid prop: type check failed for prop “data“. Expected Array, got Object found in
LewisRoc的博客
05-03 7441
今天在渲染一个表格数据的时候数据获取到了并且也已赋值但却没有渲染出来并提示了报错，如下图 这里的报错提示data是一个无效的数据类型，期望是数组得到的是对象。后来发现我们定义的用来渲染表格的数据是数组，但获取到的数据是对象，就像下边这样直接把对象赋值给数组就会得到一个错误的数据类型。 下边是获取到的数据data 后来尝试过将获取到的对象转数组再进行复制但嫌麻烦索性直接就push到 数组中了 这样数据类型就正确并渲染出来了， 下边为遍历对象push到数组中也可以 ...
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object
qq_45796592的博客
08-05 1万+
Invalid prop：type check failed for prop.Expected String with value“[object Object]”got Object bug解决
解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题
star的博客
03-21 11万+
前台页面报错“Invalid prop: type check failed for prop “model”. Expected Object, got Array ” 从后台获取的数据是List类型，需要把它改为Object 获取数据的代码为 this.update = response.data; 改为： this.update = respons...
错误:关于Invalid prop: type check failed for prop “model“. Expected Object, got Array found in 报错
DDAD9527的博客
10-25 3509
1:
Vue报错：Invalid prop: type check failed for prop “roleList“. Expected Object, got Array 解决方法
cdtaogang's blog
08-10 5580
根据以上可以看到我们在父组件向子组件传递的 roleList 变量的类型是数组，而在子组件中 roleList 变量的类型是对象，先看看父组件和子组件传递的代码，这里注意看两个组件之间通过 Props 属性传值所定义的类型。，这就是导致错误的原因，修改 Props 属性的 roleList 变量的类型和默认值即可。问题解决，所以大家在写代码的时候特别是传递参数时，注意两边参数定义的类型是否一致！在子组件中我们的期望是一个对象，而你父组件中给我传递了一个数组。
【已解决】Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““.
还有很长很长的路
12-13 5万+
解决问题：Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““.
【Vue报错】[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String with
蓦然一笑的博客
08-28 1798
排查下来最终发现问题是由Map数据的元素的key为null导致的。 key本应该是由双引号括起来的，如果为null，前端接收数据后，解析就会出错，所以只要给key=null的数据设置正确的key就可以了
Vue报错： Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““.
li22356的博客
09-02 1万+
问题如下图所示： 问题原因： 其实原因很简单，就是他想要的是数组类型的， 自己写的是字符串类型的。找问题所在最好注释挨个看看那个报错就可以了。 解决方案： 经过我的排查发现是table表格的定义有问题 解决如下 以上就是问题解决原因，最关键的是排查出那一部分有问题，才能修改。其实个人觉得这错误不该犯错。可能自己写的东西太多，没注意导致的，希望自己下次注意 ...
Vue报错Invalid prop: type check failed for prop “data“. Expected Array, got Object
一般社员的博客
12-27 3469
**报错信息：Invalid prop: type check failed for prop “data”. Expected Array, got Object ** 大概意思是，你获取的数据和你设置的类型不匹配，所以报错， Expected Array, got Object，设置的是数组，但是获取到到的是object类型 ...
2017-2019年中国六大茶叶产量统计分析
资源摘要信息:"《2017-2019年中国六大茶叶产量统计》这一资源文件是对中国六大茶叶在2017至2019年间的产量数据进行统计分析的结果。这份统计覆盖了中国国内主要的茶叶品类，包括但不限于绿茶、红茶、乌龙茶、白茶、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大白菜1号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值