报错信息
[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类型时,后端避免定义成 以上三种类型就可以了。
参考: