問題描述

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
            }

文章如有錯誤，懇請大家提出問題，本人不勝感激 。 不懂的地方可以評論，我都會 一 一 回復

文章對大家有幫助的話，希望大家能動手點贊鼓勵，大家未來一起努力 ? ? 長路漫漫，道阻且長