问题描述

vue 项目使用 antd vue 的表格组件，控制台报错

Invalid prop: custom validator check failed for prop "pagination".

产生原因

pagination

pagination 其实就是分页属性设置，其实出现 Invalid prop: custom validator check failed for prop “XXXX”. 就是说的这个分页属性拿到的值类型不兼容。比如说它需要的是 number 类型的参数，你传的值可能是 string 类型或者 undefined ，所以报错

错误代码

代码中通过后端接口请求数据，然后根据数据条数获取 totalCount（总条数）并计算totalPage （总页数），但是后端出现问题，前端并没有接收到类似的条数 ，所以得到两个值都是 undefined ，所以控制台产生好几个这种错误

 const result = {data: res.data.list,pageNo: requestParameters.pageNo,pageSize: requestParameters.pageSize,totalCount: res.data.count,totalPage: Math.ceil(res.data.count / requestParameters.pageSize)}

解决办法

由于后端接口逻辑错误，导致没有返回修改 count（总条数），解决的办法是修改后端代码，让其正常返回需要的数据 。下面只展示前端解决方法（写死数据短暂解决，不推荐），注释的部分是出错的代码，下面是改正的是写死的数据或者有正常值和正常类型的数据，大家看看问题所在然后结合自己的实际情况

const result = {data: res.data.list,pageNo: requestParameters.pageNo,pageSize: requestParameters.pageSize,// totalCount: res.data.count,// totalPage: Math.ceil(res.data.count / requestParameters.pageSize)totalCount: res.data.list.length,totalPage: 1}

文章如有错误，恳请大家提出问题，本人不胜感激。不懂的地方可以评论，我都会一一回复

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力长路漫漫，道阻且长

Invalid prop: custom validator check failed for prop “pagination“.相关推荐

[Vue warn]: Invalid prop: custom validator check failed for prop xxx.问题
在用vue ui框架(iview.elementui等)做项目,会遇到这种问题这样的,点那都报错,千辛万苦的付出,却找不到问题在哪其实很简单,报错都显示出那个组件的问题了 '<Form&g ...
Ant Design Vue中出现报错： Invalid prop: custom validator check failed for prop “pagination“
一.问题背景最近在搞一个英语学习平台管理系统的时候,遇到了一个问题,莫名奇妙报了一个pagination的校验错误警告,这可把我整懵逼了看了一下代码,也没有错撒,而且我之前封装的组件用的好好的,怎么 ...
vue使用elementUI报错：custom validator check failed for prop “index“
在elementUI中使用el-menu-item时,给index绑定index的值时,报错custom validator check failed for prop "index&quo ...
关于custom validator check failed for prop “dataSource“.的报错原因
报错:custom validator check failed for prop "dataSource". 问题来源:最近在使用antdv的穿梭框时,在嵌套树形结构时候报了这个 ...
custom validator check failed for prop “index“.
原因: index接收的是字符串所以要转换一下 :index="item.id.toString()"
[element-ui] 报错 custom validator check failed for prop “percentage“
<el-progress :percentage="50" status="exception"></el-progress>原因是因为 ...
antdv transfer 报错 custom validator check failed for prop “dataSource“
今天项目中新增了一个穿梭框的功能,如图: 把代码示例粘贴到项目中,没有问题!于是就开始改造成接口获取的数据,id.key.lable等等一系列的设置,没有问题吧,可惜,报错了.如图: 开始以为是一个异 ...
Invalid prop: type check failed for prop “total“. Expected Number with value x, got String with valu
一.问题在做vue项目分页功能中,出现了Invalid prop: type check failed for prop "total". Expected Number wit ...
vue: Invalid prop: type check failed for prop “action“. Expected String with valu
出现 Invalid prop: type check failed for prop "action". Expected String with value错误原因:使用el ...

Invalid prop: custom validator check failed for prop “pagination“.

问题描述

产生原因

pagination

错误代码

解决办法

Invalid prop: custom validator check failed for prop “pagination“.相关推荐

最新文章

热门文章