关于custom validator check failed for prop “dataSource“.的报错原因

最新推荐文章于 2024-04-17 13:47:30 发布
最新推荐文章于 2024-04-17 13:47:30 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： vue.js 前端 前端框架 anti-design-vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rideClound/article/details/128676212
版权

报错：custom validator check failed for prop “dataSource”.

  • 问题来源：最近在使用antdv的穿梭框时，在嵌套树形结构时候报了这个错误，开始不知道是什么原因，在网上查了，也没有彻底解决，最后仔细看了文档才发现了问题
    在这里插入图片描述
    文档说的很明白dataSource里的数据项里，key和title是必填的，并且都是string类型，不填或者其他类型都会报这个错

最后总结：
文档很重要，一定要仔细看文档

rideClound
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
Invalid prop: custom validator check failed for prop “type“ 解决思路
热门推荐
子墨将的博客
02-07 2万+
代码中出现了: [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
[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“ (element ui组件报错)
最新发布
qq_45796592的博客
04-17 852
[Vue warn]: Invalid prop: custom validator check failed for prop "percentage"报错解决
Ant Design of Vue-Cascader级联选择器options报错
mrsun_web
10-11 1642
错误提示：Invalid prop: custom validator check failed for prop "options 查找错误代码： 查找options数据：发现子数据为null所以数据类型不对出现的报错 解决办法：对子数据为null的数据更改为数组类型即可 ...
antdv 踩坑之 transfer 的表格穿梭框 报错 custom validator check failed for prop “dataSource“
Curry_On的博客
11-18 3518
这两天项目中碰到了从一张表格中选择数据然后显示到另一张表格中的需求。 然后在 antd 中找到了 transfer 组件，其中的表格穿梭框可以满足需求，如图： 然后我就copy了它的代码示例，并且在它的基础上改动了一部分字段名后发现，竟然报错了，如图 dataSource ？可是我代码中根本都没用到 dataSource 啊，真的是对着文档看了好久，同时也问了身边的同事，最后找到了问题所在： 原因出在，左边的table源数据里，每一行的数据中，必须要有一个字段的名称是 title ，也就是 titl.
❤ Element el-submenu 遇到 Invalid prop: custom validator check failed for prop “index“
林太白
07-25 1806
❤ Element el-submenu 遇到 Invalid prop: custom validator check failed for prop “index“
Invalid prop: custom validator check failed for prop “pagination“
LANZHENREN的博客
05-05 2万+
Invalid prop: custom validator check failed for prop "pagination"
[Vue warn]: Invalid prop: custom validator check failed for prop
weixin_45124380的博客
06-29 3843
解决方案 原因:定义为"" 实际上是[] custom ："" //改为 custom:[]
antdv transfer 报错 custom validator check failed for prop “dataSource“
dalaojiyun的博客
01-05 779
antdv transfer 穿梭框 报错 custom validator check failed for prop “dataSource“
Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
invalid_oath的博客
12-15 7106
一.问题背景 最近在搞一个英语学习平台管理系统的时候，遇到了一个问题，莫名奇妙报了一个pagination的校验错误警告，这可把我整懵逼了看了一下代码，也没有错撒，而且我之前封装的组件用的好好的，怎么就错了呢？然后开始对问题进行剖析。 二.问题分析 要想解决问题，首先就要对问题进行定位，从控制台中可以粗略的看到，问题大概是出在Table表格组件上。好，我先翻到使用表格组件的地方： 嗯。貌似没看到相关的pagination的属性，再看看传入s-table中的数据源data和列属性colums： 对比一下
Invalid prop: custom validator check failed for prop “value“
yolo_link的博客
02-11 1万+
问题描述 看见这种大片的爆红，就两个字：头疼！！！ 虽然这样的爆红不影响程序运行，但是作为一个合格的程序猿，我们怎么可以允许这个问题出现呢???? 问题排查 顺着提示的报错位置找到日期选择框： 以及相关的方法： 看着是没什么问题的，按照度娘得到的解决方案进行排查： ①属性中间是否有空格 ②标签的左边和右边是否在一行 主要就是代码规范性的问题，显然，排查过后的答案是无。 问题解决 既然根据既有的方案排查不到问题所在，那我们就回归到问题本身： 自定义的验证程序对 value 检查失败，思考：这个组件里面也
validator.js-2.0.0.zip
03-26
js-validator 是 Laravel 风格的 JavaScript 对象验证库。 js-validator是轻量级的JavaScript表单验证，字符串验证。没有依赖，支持UMD
jQuery 表单检验插件 ez validator v1.1 for PHPCMS2008.rar
07-14
所有源文件及演示以及PDF手册，都在附件中，请下载使用
validator验证多个Name表单.zip_validator验证多个Name表单
09-24
validator验证多个Name表单，自己看看代码就会的了
express-validator：validator.js的express.js中间件
02-03
快速验证器 用于的中间件。安装npm install express-validator还要确保您拥有Node.js 8或更高版本才能使用它。文献资料请参考文档网站 。变更日志检查。执照麻省理工学院执照
iview中遇到的哪些坑
南边木
12-02 895
一：1.iview的input报错：Invalid prop: custom validator check failed for prop “type”. 这个错误中文翻译是：自定义验证器检查prop“类型”失败 出现的原因看看自己是不是写 在iview当中明确规定input的type只能是 所以，如果想要使用input的number，其实iview里面有一个专门的标签：InputNumbe...
Invalid prop: custom validator check failed for prop “pagination“.
潮汐未见潮落的博客
10-11 6675
Invalid prop: custom validator check failed for prop "pagination".解决方法
页面报错：Invalid prop: custom validator check failed for prop “percentage“.
张张张的博客
08-09 1万+
问题：每次刷新页面报错Invalid prop: custom validator check failed for prop “percentage“，但是不影响项目运行。 解决方法：在<el-progress></el-progress>里边添加一个v-if的判断，判断一下你要的数据是否存在。 <el-progress :percentage="percentage" v-if="!isNaN(parseInt(percentage))">&l...
Invalid prop: custom validator check failed for prop “pagination“.(ant design中的stable报错)
qq_37146616的博客
04-27 2730
ant design 报错: Invalid prop: custom validator check failed for prop "pagination"
Invalid prop: custom validator check failed for prop "size".
08-31
Invalid prop: custom validator check failed for prop "size"是一个Vue的警告信息，意味着prop "size"的自定义验证器未通过检查。 在Vue中，props是用于接收父组件传递的数据的，而自定义验证器则用于验证传入的数据是否符合预期的类型、格式等要求。 所以，"Invalid prop: custom validator check failed for prop 'size'"的意思是，prop "size"的自定义验证器检查失败，即传入的数据不符合预期的类型或格式。 要解决这个问题，你可以检查传入的数据类型是否正确，或者在父组件中正确传递prop "size"的值。 总之，这个警告说明了传递给prop "size"的数据类型或格式不符合预期，需要进行相应的调整。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Invalid prop: custom validator check failed for prop “pagination“.](https://blog.csdn.net/qq_52855464/article/details/127272939)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Invalid prop: custom validator check failed for prop “pagination](https://blog.csdn.net/LANZHENREN/article/details/124585031)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值