[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got Object

最新推荐文章于 2025-04-01 09:51:51 发布
原创 最新推荐文章于 2025-04-01 09:51:51 发布
· 282 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

使用vue3

这是我原本的代码,和从后端传过来的数据,

打印是没问题, 那个data:Array(5)里面就是我传的list数据, 但绑定到界面表格就会报错:

我的更改,其实就是绑定channelsApi.getList().data:

就可以了, 主要是我不理解, 如果说我本身是这样写的也就算了, 但这是我原本改过的, 其实/list接口得到的数据就是[...], 没错就是下面红框内容, 外面这层是我包装的一个Result<>, 那这种情况我还能写=list.data吗?

我不打算去试了, 以后有时间再说, 写在这里给大家看看思路

xingyumengya
关注
[Vue warn]: Invalid prop: type check failed for prop "disabled". Expected Boolean, got String.
郭宝的博客
10-08 7万+
问题： 大致意思是prop期待传入布尔值，而你传入的却是字符串，类型错误。 解决思路： 1、首先针对该错误信息可以去GbComponentUploadDialog.vue文件中查找disabled关键字 2、然后通过查看对应的Element官网得知，设置输入框组件禁止输入的正确写法是 :disabled="true" ，而代码中少写了冒号，加上即可。 更...
[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got Object 解决方法
qq_42514371的博客
08-23 5691
[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 报错
奥特蛋的博客
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 Object, got String with value
最新发布
柳鲲鹏
04-01 354
尝试将一个字符串类型的值传递给一个期望对象（Object）类型的prop。解决这个问题，需要传递一个对象给prop。
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
一般社员的博客
12-27 3628
**报错信息：Invalid prop: type check failed for prop “data”. Expected Array, got Object ** 大概意思是，你获取的数据和你设置的类型不匹配，所以报错， Expected Array, got Object，设置的是数组，但是获取到到的是object类型 ...
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。像这样的错误一般是同一类型的错误，是数据类型没给对,你给的值和组件需要的数据类型不一致 错误截图 以上就是报错信息 错误分析 报错信息的意思是：无效的命名数据:“数据”类型检查失败。期望数组，得到字符串/对象， 已经很明
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Vben Admin [Vue warn]: Invalid prop: type check failed for prop “api“. Expected Function, got Null
qq_51536454的博客
12-28 1131
Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null
[Vue warn]: Invalid prop: type check failed for prop “min“.min=‘数字‘报错
weixin_45439337的博客
11-23 397
[Vue warn]: Invalid prop: type check failed for prop "min".min='数字'报错
[Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object
08-10
- *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-...
【前端-vue报错】Invalid prop: type check failed for prop “data“. Expected Array, got Object
九琼的博客
03-21 4790
意思是期望得到的是Array类型，但实际得到的object类型。 比如说： let a ={ aa:1, bb:2 }， let b = ['aa','bb','cc'] let c = "aabbcc" let d = 100 a是对象类型（object），b是数组类型，c是字符串类型，d是数值类型。 我这里是用apifox模拟后台发送的json数据，如图 其中equip就是object，可以考虑get对象之后把它转变为array 具体转变方法可以参见https://blog.csd
使用vue报错：type check failed for prop “data“. Expected Array, got Object
小翁的博客
12-24 1万+
在使用axios返回前端的数据时报错：type check failed for prop “data”. Expected Array, got Object 事实上，我们从报错中就能知道我们给出了对象，他要的是数组array，而我们给了objcet对象 根据所给提示，我把addData注释掉，发现不报错了，那就说明是addData出现问题 顺藤摸瓜，找到addData 的数据，发现原来写的是对象，所以就在对象前面加了一个数组，就没报错了。 ...
[Vue warn]：Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““
m0_48259951的博客
06-16 887
vue组件使用常见错误–出现数据类型不匹配的情况，报的警告错误：如下截图 prop“data”的类型检查失败。期望数组，得到值为“”的字符串。是类型不对。 错在给数据定义的时候直接定义的字符串，而不是数组；数据格式定义错误，list应该定义为null，或者给个空【】，而不能为字符串。 ...
Invalid prop: type check failed for prop “data“. Expected Array, got Object found in
LewisRoc的博客
05-03 7511
今天在渲染一个表格数据的时候数据获取到了并且也已赋值但却没有渲染出来并提示了报错，如下图 这里的报错提示data是一个无效的数据类型，期望是数组得到的是对象。后来发现我们定义的用来渲染表格的数据是数组，但获取到的数据是对象，就像下边这样直接把对象赋值给数组就会得到一个错误的数据类型。 下边是获取到的数据data 后来尝试过将获取到的对象转数组再进行复制但嫌麻烦索性直接就push到 数组中了 这样数据类型就正确并渲染出来了， 下边为遍历对象push到数组中也可以 ...
报错： [Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got String.
热门推荐
lgx19940508的博客
09-27 8万+
1.报错：data是一个Array值，可是，获得的却是一个String. 解决：将data的字符串形式改成 v-bind:data=”data1”(相当于:data=”data1”)
[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String with value
shadow_kong的博客
02-21 461
在开发新页面的过程中，发现控制台有一个警告，虽然页面功能都正常，但是看着很不爽，还是决定修复。仔细看这是一个警告，data变量，期望得到的是数组，实际获得了字符串，说明变量定义错误。该列表数据，是通过数组遍历展示数据的，改为定义为数组，正常了。仔细检查该页面的每一个变量以及子组件，发现列表数据定义错了，
[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, gotObject
qq_57546145的博客
10-12 353
错误 ：应为数组，已获取对象 后端通过分页查询，查询出来的数据发送给前端接收 接收的格式： 修改：把接收的Object修改为 数组格式 使用：Object.values （）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值