解决接口正常返回但el-table一直loading的问题

问题描述：

页面初始化的时候，el-table数据能正常展示

 

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

 

 

 

 

 

这时候，我们看到接口返回了一个重复id的数据，于是联系后端剔除重复数据。诡异的事情发生了，后端在数据库表里面看不到有重复数据。经后端排查，发现id是19位的long类型数据，但javascript是用number类型接收id，number精度是16位，于是http请求回来的数据精度丢失了导致出现2条重复id的数据。

解决方案：

后端把id从long类型改为string类型（序列化），问题解决。
@JsonSerialize(
using = ToStringSerializer.class
)
private Long id;

ps.

这边我遇到相似的情况，也是重复的数据，是因为row-id绑定了重复数据的id，解决的方案就是换一个不重复的主键id即可