解决element-ui中多个table在tab切换时出现高度缩小问题

在使用element-ui中的tabs组件进行切换时，出现tabs中的table高度变小，如下图：
第一次加载时
切换到第二个tab table高度变小

切换回第一个tab
每次进行切换的时候会使table的高度变小,原因未知；但是存在如下解决方案

// tabs被点击
    tabClick ({ name }) {
      this.$nextTick(() => {
      // 页面加载完成后，重新渲染表格
      // forname 为table的ref
        this.$refs[forname].doLayout()
       })
    },