对象是使用地址 --解决方法深拷贝（antd vue 分页数据错误）

今天工作的时候，测试提出了一个bug，就是 一个前端处理的分页，

问题有两个，一个是分页数据不对，接口返回的数据是27条，分页只展示了1，2页。还有一个问题是 我点击了第二页的时候分页不见了。

第二的问题的不见的原因是我判断了，如果数据小于10 就不展示分页。
好了现在来解决这两个问题，根据问题表现呢  我们推测是因为在渲染当前页数据的时候出现了问题。

在渲染了第一页的时候，数据条数跟着改变了，27-10

 

 

 

 

可以看到呢，在获取接口的时候tabDataAll 为数据总体，tabData 为当前页展示的数据。分页改变时，tabDataAll重新给tabData。

当时让我解决这个问题。我知道是这里出现了tabDataAll给tabData赋值的时候出现的问题，但是我确实没想到原因和解决办法，最后求助了一下同事，同事告诉我了原因，“对象是用地址的，你改了tabData等于改了tabAllData”。这时我们知道了原因，看到这个原因我想也都知道了解决办法，那就是 深拷贝。

 

 其余细节不过细描写，有问题可以给我留言私下沟通。