[Vue warn]: Invalid prop: type check failed for prop “total“. Expected Number with value 16, got Str

报错信息

[Vue warn]: Invalid prop: type check failed for prop "total". Expected Number with value 16, got String with value "16".

原来代码

后端通用分页实体

前端查询方法

数据绑定到分页组件

报错截图

从报错信息可以看出，是记录总数类型不匹配问题。

问题发生原因

后端的 Long 型 会以字符串形式传到前端。

解决方案

方案一：调整的事端，将 Long 类型 调整成 long 

方案二：前端进行数据类型转换

拓展

后端的String、char、Long类型返回给前端的 json 格式是string类型。

所以前端需要number类型时，后端避免定义成 以上三种类型就可以了。

参考：

Invalid prop: type check failed for prop “total“. Expected Number with value x, got String with valu_invalid prop: type check failed for prop "total". -CSDN博客