【Ant Desgin ARange BUG】ARangePicker组件报错Invalid prop: custom validator check failed for prop “value“.

原创 已于 2022-08-22 10:24:13 修改 · 3.9k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#ant
于 2021-12-17 09:13:30 首次发布

最近使用的ant Desgin vue中日期区间选择器一直报错Invalid prop: custom validator check failed for prop “value”. ，在这里插入图片描述
先我们要看图，图里面显示ARangePicker 组件没有找到值，然后我检查了一下我的日期选择器是有值的
在这里插入图片描述
我们在看一下我们这个日期选择器，发现这个绑定要是数组，不然的话匹配不上在这里插入图片描述

于是检查了一下 我绑定的值，果然
在这里插入图片描述
所以说出现Invalid prop: custom validator check failed for prop “value”. 首先先找到报错的组件，再检查是否有绑定值，绑定完要检查数据类型是否一致

Invalid prop: custom validator check failed for prop “value“
yolo_link的博客
02-11 2万+
问题描述 看见这种大片的爆红，就两个字：头疼！！！ 虽然这样的爆红不影响程序运行，但是作为一个合格的程序猿，我们怎么可以允许这个问题出现呢???? 问题排查 顺着提示的报错位置找到日期选择框： 以及相关的方法： 看着是没什么问题的，按照度娘得到的解决方案进行排查： ①属性中间是否有空格 ②标签的左边和右边是否在一行 主要就是代码规范性的问题，显然，排查过后的答案是无。 问题解决 既然根据既有的方案排查不到问题所在，那我们就回归到问题本身： 自定义的验证程序对 value 检查失败，思考：这个组件里面也
Vue Err： Invalid prop: custom validator check failed for prop “value“异常解决
浪潮行舟_2136
05-30 1311
在onRangeChange方法中看到createValue的值是[]数组形式。看到data中时间绑定的属性为。这时就看不到红红的报错信息了。
[Vue warn]: Invalid prop: custom validator check failed for prop “value“.
agua001的博客
10-28 3911
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
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop "index".
itwangyang520的博客
05-04 6429
1.在写循环的时候遇见这个的 1.原因： index的值不能有空格，并且要为字符串类型 2.解决方法:加toString()这个方法
报错：custom validator check failed for prop “value“
z1216108894的博客
10-31 1898
报错：custom validator check failed for prop "value"
vue.runtime.esm.js:593 [Vue warn]: Invalid prop: custom validator check failed for prop "value".报错解决...
weixin_30699465的博客
12-24 1672
在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 1984
antd 下拉组件框Select 选择器报错：Invalid prop: custom validator check failed for prop "value"，解决方法：value值允许输入的值类型
uni-app踩坑 - 官方picker组件 Invalid prop: custom validator check failed for prop "value".
PrisonersDilemma的博客
09-29 3566
官方属性说明如下图： 废话不多说，bug看图： 想实现的效果是多级选择器，上级picker更新后，下级picker全部置空。 于是循环处理，给value赋值空字符串。 然后就报错了。 忙乎了半天才想起value值必须为Number类型。 怎么办？ <picker mode="selector" @change="pickerChange($event)" :value="Numbe...
element-ui 报错Invalid prop: custom validator check failed for prop “index“.
总结前端开发中遇到的问题，分享前端知识
04-11 2918
menu菜单是自己定义的，index获取的是v-for循环的index，出现错误。 解决办法： index的是个int类型的值时，则可能出现这个错误。写成字符串，或者toString()转成字符串。 <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item v-for="ite...
[Vue warn]: Invalid prop: custom validator check failed for prop
weixin_45124380的博客
06-29 4280
解决方案 原因:定义为"" 实际上是[] custom ："" //改为 custom:[]
Invalid prop: custom validator check failed for prop “type“ 解决思路
热门推荐
子墨将的博客
02-07 3万+
代码中出现了: [Vue warn]: Invalid prop: custom validator check failed for prop “type” 翻译过来表示的意思为 [Vue warn]：无效的属性：属性“类型”的自定义验证程序检查失败。 也就是标签中“type”这个属性出现了问题。 此使用的是ant-vue组件。 控制台提示如下： [Vue warn]: Invalid prop: custom validator check failed for prop "type". found
Invalid prop: custom validator check failed for prop “pagination“
LANZHENREN的博客
05-05 2万+
Invalid prop: custom validator check failed for prop "pagination"
Invalid prop: custom validator check failed for prop “pagination“.
潮汐未见潮落的博客
10-11 7892
Invalid prop: custom validator check failed for prop "pagination".解决方法
[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)
qq_45796592的博客
04-17 4703
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决
Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
invalid_oath的博客
12-15 7788
一.问题背景 最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。 二.问题分析 要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方： 嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums： 对比一下
Vue分页控件报错 “pagerCount“
qq_46344419的博客
11-02 3234
Vue分页控件报错 “pagerCount“
ydui时间组件报错nvalid prop: custom validator check failed for prop “startDate“.
盏茶作酒的博客
08-21 391
提示错误信息 Invalid prop: custom validator check failed for prop "startDate". Invalid prop: custom validator check failed for prop "endDate". Invalid prop: custom validator check failed for prop "value". 我也遇到了这个问题，报错的原因是因为月份没有加判断格式不对 加上这句代码就不会报错了：month = mon
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

＆超

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

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

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

打赏作者

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

抵扣说明：

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

余额充值