Invalid prop: custom validator check failed for prop “pagination“.-Toy模板网

这篇具有很好参考价值的文章主要介绍了Invalid prop: custom validator check failed for prop “pagination“.。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述

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
            }

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

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力长路漫漫，道阻且长文章来源地址https://www.toymoban.com/news/detail-619258.html

到了这里，关于Invalid prop: custom validator check failed for prop “pagination“.的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！