Vue遇到的报错，[Vue warn]: Invalid prop: custom validator check failed for prop “XXX“

最新推荐文章于 2024-04-17 13:47:30 发布
最新推荐文章于 2024-04-17 13:47:30 发布
阅读量4.6k 收藏
点赞数
分类专栏： 前端 vue elmentui-ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TanMengyi/article/details/92007467
版权
前端 同时被 3 个专栏收录
66 篇文章 1 订阅
订阅专栏
vue
15 篇文章 0 订阅
订阅专栏
elmentui-ui
4 篇文章 0 订阅
订阅专栏

1.[Vue warn]: Invalid prop: custom validator check failed for prop “XXX”.
在这里插入图片描述
根据报错提示，发现是引用的el-progress报错，发现自己的代码中的status报错了：
在这里插入图片描述
查看elementui的官方文档，发现status的状态中是没有text的，只有success/exception/warning…，改成其中的某一种就好了
在这里插入图片描述

是梦梦啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开发：遇到提示Invalid prop：type check failed for prop “modelValue“. Expected Number…的解决方法
软贱开发攻城狮
04-04 1万+
前言 在Vue开发中，经常会遇到一些很共性的报错提示，而且有时候提示已经很明确的告诉开发者问题出现在哪里，尤其是在Chrome的控制台输出上面，只要看一下输出日志就知道问题所在。但是对于一些刚入行的开发者来说，看日志的意识还没有养成，需要借助外力来解决问题，这样不是不可以，主要是要学会看输出的日志以及提示，这样才能很好的“对症下药”。本篇博文主要是分享一下查看日志的方法，根据日志来解决警告或者报错提示，分享给有需要的人，这里以一个常见的报错为切入点来讲解。 警告提示 在运行项目之后，Chrom
uni-app - 解决报错 Invalid prop: custom validator check failed for prop “navigationBarTextStyle“
王佳斌
07-10 4583
【代码】uni-app - 解决报错 Invalid prop: custom validator check failed for prop “navigationBarTextStyle“
[Vue warn]: Invalid prop: custom validator check failed for prop "xxx".问题
weixin_30719711的博客
09-05 1500
在用vue+ui框架（iview、elementui等）做项目，会遇到这种问题 这样的，点那都报错，千辛万苦的付出，却找不到问题在哪 其实很简单，报错都显示出那个组件的问题了 ‘<Form>’这个组件，那我们就回到开发代码上找这个组件中的 ‘label-position’ props， 找到了，这兄弟包着right另一半的双引号换行了，好改回去 但...
[Vue warn]: Invalid prop: custom validator check failed for prop
weixin_45124380的博客
06-29 4098
解决方案 原因:定义为"" 实际上是[] custom ："" //改为 custom:[]
[Vue warn]: Invalid prop报错
tianxingege_的博客
08-24 2683
今天开发项目的时候出现了一下这种情况 [vue warn]：无效的属性：属性“列表”的类型检查失败。应为数组，已获取对象 错误原因： 子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined。 所以检查父组件传过来的值，保证传过来的值是子组件所期望的数据类型即可。 ...
[Vue warn]: Invalid prop: custom validator check failed for prop “index“
weixin_54447214的博客
12-29 585
相信很多人在用element UI组件库的时候用到Meun的时候碰到这个情况 <el-menu-item v-for="item in allSortDate" :key="item.materialLabelId" //:index="item.materialLabelId" 错误写法 :index="JSON.stringify(item.materialLabelId)" //正确写法
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
[Vue warn]: Invalid prop: custom validator check failed for prop "pagerCount".
07-28
这个警告是由 Vue 框架发出的，它表示你传递给组件的 prop "pagerCount" 的值未通过自定义验证器的检查。 在 Vue 组件中，你可以通过使用自定义验证器函数来验证传递给 props 的值是否符合要求。验证器函数应该返回...
[vue warn]: invalid prop: custom validator check failed for prop \confirmtyp"
04-27
这个警告信息出现在Vue.js组件中，意思是说被检查的prop属性“confirmtyp”没有通过自定义验证器的检查。这通常是由于接收到的prop属性值不符合自定义验证器的规则导致的。 自定义验证器允许我们对传递给组件的prop...
vue.runtime.esm.js:4605 [Vue warn]: Invalid prop: custom validator check failed for prop "pagerCount".
06-13
这个错误提示是因为在Vue组件中，一个名为"pagerCount"的prop属性被传入了一个不合法的值。通常，Vue中我们可以使用自定义验证器函数来检查prop传递的值是否符合要求。你可以在组件定义中找到这个"pagerCount"属性，...
解决[Vue warn]: Invalid prop: custom validator check failed for prop “type“.
qq_45094682的博客
09-06 7449
解决方案[Vue warn]: Invalid prop: custom validator check failed for prop “type”. 今天在调试代码的时候不小心把多余的数字带进去了，导致代码一直报错 找到type 在类型状态哪里加了个1，去掉就好了
uniapp报错Invalid prop: custom validator check failed for prop “navigationStyle“的解决。
CHENC0518的博客
02-21 2704
1.如果出现警告错误： 2.这是由于自己的pages.json配置出错。由于想去除顶部样式，而在globalstyle中设定了全局样式custom，而在有些页面需要顶部的返回按钮，此时又在 单页面样式中恢复了原有的顶部样式，此时就会报错。 3.如果想解决此警告错误。只需将globalstyle中的navigationstyle删除即可。 4.如果任然想保证有些页面不需要原有顶部样式，可以在单页面pages.json中配置下面代码即可。 "navigationStyle":"custo
vue3+element-plus预览图片被表格遮挡，更换版本plus版本size失效报错（custom validator check failed for prop “size“.）
dargon_hungry的博客
06-02 1826
vue3+element-plus预览图片被表格遮挡，更换版本plus版本size失效报错（custom validator check failed for prop "size".）
Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
invalid_oath的博客
12-15 7330
一.问题背景 最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。 二.问题分析 要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方： 嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums： 对比一下
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: custom validator check failed for prop "type"
程序员老狼专注开发aigc或客服系统应用
11-01 5537
在使用vue框架的elementui开发的时候 遇到了这样的错误 Invalid prop: custom validator check failed for prop "type" 这是因为，这个组件的type属性值写错了，检查一下 有的时候是多了空格，有的时候是固定的几个值，但是自己写错误了 我是因为固定的这几个值primary / success / warning / danger /...
valid prop: custom validator check failed for prop “size“.
PhilsphyPrgram的博客
05-06 3868
文件中搜索，看看哪些地方用到了此属性，如果此属性用到的地方比较多，需要进行排除，如进行了怎样操作，会触发出此错误，然后按照此触发路径去找，缩减。，这个提示代表此文件中，有一个。第一步： 首先确定出问题的。页面，如上图所示，是。
uniapp问题：“navigationBarTextStyle“报错：Invalid prop: custom validator check failed for prop “navigat
zhufan2333的博客
07-21 890
将【pages.json】中的navigationBarTextStyle导航栏标题颜色修改为black/white即可。解决方法报错原因navigationBarTextStyle导航栏标题颜色仅支持black/white。不支持#fff等格式。
[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)
最新发布
qq_45796592的博客
04-17 2469
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值