问题描述

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
            }

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

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