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

最新推荐文章于 2024-04-17 13:47:30 发布
原创 最新推荐文章于 2024-04-17 13:47:30 发布 · 1.3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #javascript #ecmascript
博客记录了Vue开发中遇到的问题，即日期选择框出现'Invalid prop: custom validator check failed for prop \value\'报错。经排查，发现data中时间绑定属性为字符串，而onRangeChange方法中该值为数组形式。解决办法是将时间绑定属性改为数组形式，报错消失。

发现问题：

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

问题排查：

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

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

createValue:'',

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

解决办法

时间绑定的属性改为

createValue:[],

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

uni-app - 解决报错 Invalid prop: custom validator check failed for prop “navigationBarTextStyle“
🏆 前端领域优质创作者
07-10 5208
【代码】uni-app-解决报错Invalidprop:customvalidatorcheckfailedforprop“navigationBarTextStyle“
Invalid prop: custom validator check failed for prop “value“
yolo_link的博客
02-11 2万+
问题描述 看见这种大片的爆红，就两个字：头疼！！！ 虽然这样的爆红不影响程序运行，但是作为一个合格的程序猿，我们怎么可以允许这个问题出现呢???? 问题排查 顺着提示的报错位置找到日期选择框： 以及相关的方法： 看着是没什么问题的，按照度娘得到的解决方案进行排查： ①属性中间是否有空格 ②标签的左边和右边是否在一行 主要就是代码规范性的问题，显然，排查过后的答案是无。 问题解决 既然根据既有的方案排查不到问题所在，那我们就回归到问题本身： 自定义的验证程序对 value 检查失败，思考：这个组件里面也
【Ant Desgin ARange BUG】ARangePicker组件报错Invalid prop: custom validator check failed for prop “value“.
qq_44933075的博客
12-17 3973
最近使用的ant Desgin vue中日期区间选择器一直报错Invalid prop: custom validator check failed for prop “value”. ， 先我们要看图，图里面显示ARangePicker 组件没有找到值，然后我检查了一下我的日期选择器是有值的 我们在看一下我们这个日期选择器，发现这个绑定要是数组，不然的话匹配不上 于是检查了一下 我绑定的值，果然 所以说出现Invalid prop: custom validator check failed for
[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()这个方法
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组件格式没有包...
报错：custom validator check failed for prop “value“
z1216108894的博客
10-31 1898
报错：custom validator check failed for prop "value"
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...
[Vue warn]: Invalid prop: custom validator check failed for prop
weixin_45124380的博客
06-29 4280
解决方案 原因:定义为"" 实际上是[] custom ："" //改为 custom:[]
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...
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"
valid prop: custom validator check failed for prop “size“.
PhilsphyPrgram的博客
05-06 4838
文件中搜索，看看哪些地方用到了此属性，如果此属性用到的地方比较多，需要进行排除，如进行了怎样操作，会触发出此错误，然后按照此触发路径去找，缩减。，这个提示代表此文件中，有一个。第一步： 首先确定出问题的。页面，如上图所示，是。
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"报错解决
[vue warn]: Invalid prop: custom validator check failed for prop “checkedKeys“ .
weixin_46015333的博客
10-19 3915
[vue warn]: Invalid prop: custom validator check failed for prop "checkedKeys" .
关于custom validator check failed for prop “dataSource“.的报错原因
rideClound的博客
01-13 2073
报错：custom validator check failed for prop "dataSource".
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

浪潮行舟

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

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

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

打赏作者

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

抵扣说明：

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

余额充值