Vue Err： Invalid prop: custom validator check failed for prop “value“异常解决

最新推荐文章于 2024-04-30 18:30:14 发布
最新推荐文章于 2024-04-30 18:30:14 发布
阅读量951 收藏
点赞数
分类专栏： 前端 VUE Ant Design 文章标签： vue.js javascript ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/I_nur/article/details/130948904
版权
前端 同时被 3 个专栏收录
53 篇文章 1 订阅
订阅专栏
VUE
27 篇文章 0 订阅
订阅专栏
Ant Design
5 篇文章 0 订阅
订阅专栏

发现问题：

 Invalid prop: custom validator check failed for prop "value"

问题排查：

顺着提示的报错位置找到日期选择框：

看到data中时间绑定的属性为

createValue:'',

在onRangeChange方法中看到createValue的值是[]数组形式

解决办法

时间绑定的属性改为

createValue:[],

这时就看不到红红的报错信息了

浪潮行舟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Invalid prop: custom validator check failed for prop “index“
carbonzhao的专栏
11-16 1320
在进行Web前端开发使用elementUI时，因为el-menu-item是动态加载的，不是页面写死，进行(item,index) in array 遍历动态设置el-menu-item的index时，一直提示Invalid prop: custom validator check failed for prop "index"，并且选中状态不正确显示！ 从提示上来看，就是检测的类型不匹配，经过查阅官方文档给出的demo：el-menu-item的index为string类型，不是int类型！ &
Vue 13v-for循环对象.html
mqingo的博客
01-02 2307
13v-for循环对象.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>13v-for循环对象</title> <script type="text/javascript" src=&quo
Invalid prop: custom validator check failed for prop “value“
yolo_link的博客
02-11 2万+
问题描述 看见这种大片的爆红，就两个字：头疼！！！ 虽然这样的爆红不影响程序运行，但是作为一个合格的程序猿，我们怎么可以允许这个问题出现呢???? 问题排查 顺着提示的报错位置找到日期选择框： 以及相关的方法： 看着是没什么问题的，按照度娘得到的解决方案进行排查： ①属性中间是否有空格 ②标签的左边和右边是否在一行 主要就是代码规范性的问题，显然，排查过后的答案是无。 问题解决 既然根据既有的方案排查不到问题所在，那我们就回归到问题本身： 自定义的验证程序对 value 检查失败，思考：这个组件里面也
[Vue warn]: Invalid prop: custom validator check failed for prop “value“.
agua001的博客
10-28 3567
1、antd表单赋值报错： <a-form-item label="月份"> <a-month-picker v-decorator="['month']" disabled format="M月" ></a-month-picker> </a-form-item> setValue(data) { let deadline = data && data.deadline? moment(data.de
报错：custom validator check failed for prop “value“
z1216108894的博客
10-31 1603
报错：custom validator check failed for prop "value"
【Ant Desgin ARange BUG】ARangePicker组件报错Invalid prop: custom validator check failed for prop “value“.
qq_44933075的博客
12-17 3670
最近使用的ant Desgin vue中日期区间选择器一直报错Invalid prop: custom validator check failed for prop “value”. ， 先我们要看图，图里面显示ARangePicker 组件没有找到值，然后我检查了一下我的日期选择器是有值的 我们在看一下我们这个日期选择器，发现这个绑定要是数组，不然的话匹配不上 于是检查了一下 我绑定的值，果然 所以说出现Invalid prop: custom validator check failed for
Vue 15v-for循环中key属性的使用
mqingo的博客
01-02 3484
15v-for循环中key属性的使用.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;15v-for循环中key属性的使用&lt;/title&gt; &lt;script type="text/javascript&
Vue v-model指令的学习
mqingo的博客
01-02 4409
v-model指令的学习.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;v-model指令的学习&lt;/title&gt; &lt;script type="text/javascript" src=&q
Vue 过滤器
mqingo的博客
01-03 1677
过滤器: Vue.js 允许你自定义过滤器，**可被用作一些常见的文本格式化**。过滤器可以用在两个地方：**mustache 插值和 v-bind 表达式**。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示； 03品牌列表的过滤器.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; ...
Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2751
09Vue中使用样式---class.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;09Vue中使用样式----class&lt;/title&gt; &lt;script type="text/javascript
vue.runtime.esm.js:593 [Vue warn]: Invalid prop: custom validator check failed for prop "value".报错解决...
weixin_30699465的博客
12-24 1561
在uni中使用 picker组件，一直报错 vue.runtime.esm.js:593 [Vue warn]: Invalid prop: custom validator check failed for prop "value" 表示在picker中有关于value的错误，但是一直没找到value，后来发现使用hbuilder快捷使用picker组件，其生成的picker组件格式没有包...
antd 下拉组件框Select 选择器报错：Invalid prop: custom validator check failed for prop “value“
weixin_42665017的博客
12-16 1640
antd 下拉组件框Select 选择器报错：Invalid prop: custom validator check failed for prop "value"，解决方法：value值允许输入的值类型
Invalid prop: custom validator check failed for prop “pagination“.
潮汐未见潮落的博客
10-11 7013
Invalid prop: custom validator check failed for prop "pagination".解决方法
vue2+elementUI =》Invalid prop: custom validator check failed for prop “pagerCount“.
最新发布
Stu_pikaqiu的博客
04-30 155
vue2+elementUI，分页器报错
[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)
qq_45796592的博客
04-17 2551
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决
Invalid prop: custom validator check failed for prop “pagination“
热门推荐
LANZHENREN的博客
05-05 2万+
Invalid prop: custom validator check failed for prop "pagination"
使用element-ui的进度条报错：custom validator check failed for prop “percentage“.
呆子小木心的博客
11-30 6493
使用element-ui的进度条报错：custom validator check failed for prop “percentage”. 自己使用vue+ts+element-ui编写的一个音乐播放器小组件 出现以下这样的错误： 这个问题是由于dom已经渲染完成了，而数据还没回来，所以组件检测不到这个必传的参数，那就给组件上加一个v-if； 这么一来，控制台是不报错了，但是当计算出的百分值=0的时候，这个0就转化成了false，这个进度条自然就没了，所以： 用isNaN监测，计算出来是不是为数字，
❤ Element el-submenu 遇到 Invalid prop: custom validator check failed for prop “index“
林太白
07-25 1969
❤ Element el-submenu 遇到 Invalid prop: custom validator check failed for prop “index“
[vue warn]: invalid prop: custom validator check failed for prop \confirmtyp"
04-27
这个警告信息出现在Vue.js组件中，意思是说被检查的prop属性“confirmtyp”没有通过自定义验证器的检查。这通常是由于接收到的prop属性值不符合自定义验证器的规则导致的。 自定义验证器允许我们对传递给组件的prop属性（也就是组件的外部选项）进行更精细的控制，确保它们具有正确的数据类型、格式或范围。自定义验证器可以通过在组件上设置“props”选项来实现。 要解决这个警告信息，我们需要检查自定义验证器函数的代码，看看是否有错误或者不兼容的数据类型。也需要检查传入的“confirmtyp”属性值是否符合自定义验证器函数的要求，如果不符合就需要进行修改，使符合相应的规则。 最后，如果对自定义验证器的使用不熟悉，可以参考Vue.js的官方文档，详细介绍了如何在Vue组件中使用自定义验证器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

浪潮行舟

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

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

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

打赏作者

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

抵扣说明：

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

余额充值