vue 报 [Vue warn]: Invalid prop: type check failed for prop "moneyList". Expected Array, got Function

最新推荐文章于 2023-12-28 11:21:09 发布

原创最新推荐文章于 2023-12-28 11:21:09 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文详细解析了在Vue中遇到的类型检查失败错误，具体为prop 'moneyList'期望为Array但实际接收到的是Function类型的问题。错误发生在Money.vue组件，并在Home.vue和App.vue中被引用。通过本文，读者可以了解到如何正确地定义和使用props，避免类似错误。

vue 报
[Vue warn]: Invalid prop: type check failed for prop “moneyList”. Expected Array, got Function

found in

—> at src/pages/home/components/Money.vue
at src/pages/home/Home.vue
at src/App.vue

在这里插入图片描述

       ![在这里插入](https://img-blog.csdnimg.cn/20190316102742551.png)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_38981330

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

[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" ，而代码中少写了冒号，加上即可。更...

前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法

全沾软贱开发攻城狮

04-04

1万+

前言在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。警告提示在运行项目之后，Chrom

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

qq_38981330 2019.03.16
类型改成Function 也报错

antd vue type check failed for prop “fileList“. Expected Array, got Function

fl8545的博客

04-01

4062

我这个是在使用上传组件的时候报了这个错这个错的意思就是，检查 fileList 这个属性，期望的是数组，结果获取到的是个函数。组件要求这个属性是个数组类型的正确的写法：附源码，上传的那个函数是自己封装的。 <template> <div> <a-modal title="附件上传" :visible="visible" :footer="null" @cancel="handleCancel"> <a-upload name="

Vue子组件传值 Expected String, got Function.异常

jiangshanwe

07-25

8817

现象父组件引入子组件，子组件props中有title属性，这个title需要通过http请求确定。父组件中data定义： data: function () { return { title: String } } 子组件定义： <p-table v-bind:title="$data.title"></p-table> 解决...

elementUI vue 遇到的问题

BigOrange的博客

09-20

425

使用<el-table> 遇到报错： Invalid prop: type check failed for prop "data". Expected Array, got Function 解决方法：在声明data()，中给数组一个默认值。 <template> <el-table :data="approvalList"...

VUE求助:Vue warn]: Invalid prop: type check failed for prop “model“. Expected Object, got Array.f

FFFAN_KIKI的博客

03-30

1337

Vue warn]: Invalid prop: type check failed for prop "model". Expected Object, got Array. found in ---> <ElForm> at packages/form/src/form.vue <ElDialog> at packages/dialog/src/component.vue <FoodList> at src\views\fin...

element ui 报错 [Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got ；

ourring的博客

06-06

451

用element ui 写后台时控制台打印了一堆bug，原因是<el-table>中：data传的数据必须是个数组，写成对象之后就会疯狂报错。

精选资源

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

1257

Vben Admin 如何解决警告 [Vue warn]: Invalid prop: type check failed for prop "api". Expected Function, got Null

CategoryIndex.vue:53 [Vue warn]: Invalid prop: type check failed for prop "data". Expected Array, got Object

最新发布

09-06

当在 `CategoryIndex.vue` 文件的 53 行出现 `Invalid prop: type check failed for prop “data”. Expected Array, got Object` 警告时，表明在传递 `data` 属性时，组件期望接收的是数组类型，但实际传入的是对象...

vue error---Expected Array ,got object

kuguhuan的博客

06-11

5754

有时候接口传过来的是个对象，但是我们直接把它复制给了element表格里的data，就会报错Expected Array ,got object 解决办法：把这个对象push进表格数组

Invalid prop: type check failed for prop “onUpdate:value“

前端开发

05-19

3555

Invalid prop: type check failed for prop "onUpdate:value"

vue报错Invalid prop: type check failed for prop “value“. Expected Array, got String with value ‘‘.

m0_51614469的博客

05-10

9110

vue报错Invalid prop: type check failed for prop “value“. Expected Array, got String with value ''.

Vue出现Expected Array, got String with value报错解决方法

AQUROEAN

08-26

9154

问题报错：在传值的时候加上中括号就行，可将string直接转换成数组 <template> <view> <u-notice-bar type="none" mode="horizontal" :list="[list]"></u-notice-bar> </view> </template> <script> export default { data() { return { list:

[Vue warn]: Invalid prop: type check failed for prop “tableData”. Expected array, got Promise

sophialise的博客

07-11

3270

控制台打印数组，到第二页的时候没能打印出来，报错信息报错信息：tableData类型检查失败。定义的返回结果是Array，但是却得到了Promise 原先代码： // 获取后台接口数据 async getList() { await fetchList(this.tablePage).then(response => { this.tableData = response.data.items this.tablePage.total = response..

vue的那些事儿

callmeCassie的博客

09-13

1410

vuey

Invalid prop: type check failed for prop “value”. Expected String, Number, got Array