弹窗里面显示表格打开一次后，以后table不会变化（刷新）的问题

弹窗里面显示表格打开一次后，以后table不会变化（刷新）的问题！

vue3+antd框架

要实现的需求：在table表格上点击一个数据出现弹窗，弹窗里面要显示table，table时调用接口拿到的数据，并且要分页。

主要问题：当第一次打开弹窗时调用接口拿数据正常，但当第二次打开弹窗时不会调用接口，弹窗内显示的还是第一次出现的数据，并且不会调用接口。

问题分析：个人感觉这个问题是因为当弹窗组件销毁的时候table组件没有一起销毁，导致再次打开弹窗时table还是第一次的数据。

失败历史①：失败方法一：开始想到的解决方法是：在我打开弹窗时的那个初始化函数里面再重新拿一次数据调用一次接口，但是失败了，因为接口内要传分页的参数，分页参数是框架封装好的，即使我在里面传死数据也是，也是会有问题的，就是在你切换页数之后关闭弹窗，再打开其他的弹窗，页数还会显示之前的那一页，但调接口传的参数是我写的死数据，故而失败。

②：失败方法二：重新调用不行，就想到了调用销毁的钩子函数，但是查了很多资料发现我不会，故而失败。

解决方法：最后想到了刷新table，在弹窗第一次打开的初始化函数里进行table刷新

table.value.refresh(true)

但报错了：

也就是说跑这个函数的时候’table‘是undefined，所以把他变成了异步

成功让table刷新，但是这个方法有一个bug就是当第一次打开弹窗时它会调用两次接口。

大家要是有什么完美的办法请一定教教我，这真的很折磨呀/(ㄒoㄒ)/~~

小记：弹窗里显示table的这个问题真的很折磨我呀，遇到很多问题①：弹窗打开table不刷新，②弹窗里table都选的选中+换页问题，让第一页勾选的还在（现在还么解决），多选框数据回显（vue2里回显还能写出来，这变成vue3+antd3真心不会了）