tab页切换 只渲染一页的数据

第一页：

第二页：

现象：每页数据都能拿到，只渲染一页，并且另一页的表格显示height：0；max-height:0; 修改这两个参数之后表格显示。

tab页切换用的element-ui

原因：

1. 切换之后数据没有渲染
2. 因为tab切换是通过display：none的形式，其他页的表格可能就因为这个原因没有高度了

解决办法：1.首先需要设置切换之后渲染，对tab的点击切换事件加入渲染

handleClick(tab, event) {
       this.$refs["table"+ tab.name].getShowData();
    }

2.这时表格还没有出来可能是因为高度
可以尝试 给出不来的表格 一个div标签包裹，给他一个高度

<div class="tb-wrapper" style="height: calc(100%  -  28px);">
	表格
</div>

3.最后的还没有出来就找找表格更远的父级是否设置了高度。