问题描述:
页面初始化的时候,el-table数据能正常展示

image.png
这时候任意选择一个查询条件,列表则一直处于loading状态。经排查,接口数据正常返回,但控制台多了个错误信息。

企业微信截图_16401557863348.png

image.png
这时候,我们看到接口返回了一个重复id的数据,于是联系后端剔除重复数据。诡异的事情发生了,后端在数据库表里面看不到有重复数据。经后端排查,发现id是19位的long类型数据,但javascript是用number类型接收id,number精度是16位,于是http请求回来的数据精度丢失了导致出现2条重复id的数据。
解决方案:
后端把id从long类型改为string类型(序列化),问题解决。
@JsonSerialize(
using = ToStringSerializer.class
)
private Long id;