Vue报错： Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““.

最新推荐文章于 2024-05-03 22:41:59 发布
最新推荐文章于 2024-05-03 22:41:59 发布
阅读量1.2w 收藏 5
点赞数 2
分类专栏： Vue学习 文章标签： vue elementui vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li22356/article/details/120056018
版权

问题如下图所示：

在这里插入图片描述

问题原因：

其实原因很简单，就是他想要的是数组类型的， 自己写的是字符串类型的。找问题所在最好注释挨个看看那个报错就可以了。

解决方案：

经过我的排查发现是table表格的定义有问题

在这里插入图片描述
解决如下
在这里插入图片描述

以上就是问题解决原因，最关键的是排查出那一部分有问题，才能修改。其实个人觉得这错误不该犯错。可能自己写的东西太多，没注意导致的，希望自己下次注意

无语，人生的过客� � �
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
报错： Invalid prop_ type check failed for prop _data_. Expected Array, got String.
开心就好
06-29 1万+
报错：data是一个Array值，可是，后台返回的却是一个String.后台直接返回List集合就行了
Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String
熟悉JS拼写的FE
09-15 1万+
Vue-常见错误[Vue warn]: Invalid prop: type check failed for prop “data”. Expected Array, got String 前言:项目中遇见 Invalid prop…Expected XXX, got XXX。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
正确解决“Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String“异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 5423
正确解决"Invalid prop: type check failed for prop “xxx”. Expected Boolean, got String"异常的有效解决方法
vue常见错误：Invalid prop: type check failed for prop “data“. Expected Array, got String with value‘‘ ‘‘
Lamour99的博客
08-02 8787
这个错误的意思是说：无效的命名数据:“数据”类型检查失败。期望数组，而不是字符串 解决方案： 因为返回的是一个数组，而我们绑定的变量是字符类型，修改变量类型即可
el-image增加大图预览功能控制台报错[Vue warn]: Invalid prop: type check failed for prop “previewSrcList“.
舒婷的博客
09-09 3272
el-image增加大图预览功能 控制台报错 [Vue warn]: Invalid prop: type check failed for prop “previewSrcList”. Expected Array, got String with value “http://xxxxxx.png”. 后台返回的数据是以字符串形式返回的，在显示列表时，已经整理好数据格式为array，但是还是报错 加了一个过滤，可能起到双重过滤的作用，就不再报错了 <template slot-scope
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 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
vue报错”Invalid prop: type check failed for prop "data". Expected Array, got String.“
heyNewbie的博客
02-12 5528
vue项目中遇到的报错如下图： 大概意思就是期望的data值是数组，但是得到的是字符串，在页面上并不影响功能的实现，是因为data在赋值的时候虽然格式不对，但是得到的数据格式是正确的，所以不会影响页面功能 点开报错，浏览信息 找到你的文件，还有文件里的方法，以及所在行，就在相关方法中找到data的数据赋值，改过来就行了 ...
【Vue报错】[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String with
蓦然一笑的博客
08-28 1600
排查下来最终发现问题是由Map数据的元素的key为null导致的。 key本应该是由双引号括起来的，如果为null，前端接收数据后，解析就会出错，所以只要给key=null的数据设置正确的key就可以了
Invalid prop: type check failed for prop “data“. Expected Array, got Object found in
LewisRoc的博客
05-03 7400
今天在渲染一个表格数据的时候数据获取到了并且也已赋值但却没有渲染出来并提示了报错，如下图 这里的报错提示data是一个无效的数据类型，期望是数组得到的是对象。后来发现我们定义的用来渲染表格的数据是数组，但获取到的数据是对象，就像下边这样直接把对象赋值给数组就会得到一个错误的数据类型。 下边是获取到的数据data 后来尝试过将获取到的对象转数组再进行复制但嫌麻烦索性直接就push到 数组中了 这样数据类型就正确并渲染出来了， 下边为遍历对象push到数组中也可以 ...
错误:关于Invalid prop: type check failed for prop “model“. Expected Object, got Array found in 报错
DDAD9527的博客
10-25 3437
1:
vue的那些事儿
callmeCassie的博客
09-13 955
vuey
Vue异常:Invalid prop: type check failed for prop
麦叔
06-21 1万+
一.问题描述 用elementUI写vue 项目 ,在浏览器调试的时候报了这个错误. Invalid prop: type check failed for prop "border". Expected Boolean, got String with value "true" 原因是给表格加border=“true”,让表格得到竖直的框线. 插件希望得到的是一个布尔值,但是得到的是true的字符串. 二.解决方案 解决办法:在border="true"前加上一个冒号: 原来的: 修改后: ..
[Vue warn]: Invalid prop: type check failed for prop “columns“. Expected Array, got Undefined
moly_moly的博客
09-06 1265
prop传参 效果能实现 但是控制台一直报错。子组件根据父组件传过来的值进行渲染。
Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
热门推荐
gaoyu007的博客
07-13 3万+
select改为多选属性，onchange事件报错 报错内容：Invalid prop: type check failed for prop “value”. Expected String, Number, got Array。 原因：relateuserCount在该change事件中有赋值，该属性本身是string类型，prop也是该属性。但是现在复制强制改成数组类型，但是prop并不支持prop为数组类型，prop对应值只能是string或者number，导致报错。 ...
(VUE) Invalid prop: type check failed for prop “xxx“. Expected Array, got Object
weixin_45890764的博客
12-02 5150
翻译过来就是：无效属性：属性“xxx”的类型检查失败。应为数组，已获取对象 你应该检查一下你的默认属性是不是写错了,比如： props:{ goodsitem:{ type:Array, default(){ return[] } } }, 实际上返回的是一个对象而不是数组应该为 props:{ goodsitem:{ type:Object, default(){ return[]
[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object
08-10
回答: 这个错误是由于在使用Element UI的下拉框时，给"value"属性传递了一个数组，但是"value"属性期望的类型是字符串或数字。所以会报错提示类型检查失败。此外，另一个错误是在使用<el-table>时，将一个对象类型的数据绑定到了"data"属性上，但是"data"属性期望的类型是数组。解决这个问题的方法是，在绑定数据之前，将后端返回的对象数据转换为数组形式。你可以使用tableData.push(response.data.data)将对象直接添加到空数组中。这样就能正常绑定数据了。123 #### 引用[.reference_title] - *1* [vue报错Invalid prop: type check failed for prop “value“. Expected String, Number, got Array](https://blog.csdn.net/weixin_45102492/article/details/114440713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *2* *3* [[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got Object 解决方法](https://blog.csdn.net/qq_42514371/article/details/126478752)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值