vue+ element 页面多个table 渲染错乱解决办法

问题前提：一个需求当前页面有一个售卡列表，一个退卡列表，当退卡数据为空，售卡有一条数据，发现售卡列表里面展示的数据是售卡里面的，比如：退卡里面有一个审核操作，售卡列表里有发放操作，预想，当售卡列表里有数据是，她的操作应该是发放，但实际结果发现，竟然显示的是审核操作，我当时就想为啥会这样呢？？

!](https://img-blog.csdnimg.cn/20210521182534652.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYzOTQzMA==,size_16,color_FFFFFF,t_70)

方法
我就开始尝试为啥会这样，第一种办法：先把请求注释掉，原封不动得空数组，发现不行，第二种办法：把退卡列表的 table 相关 html 注释掉，发现竟然可以，第三种办法：在每一table 上加上一个 key 值也是可以的。
后来我选择最后一种方式