Vue.js 元素ui el table显示不正确，其el table#U body-wrapper'；它的高度较小

当第一次进入包含el表格的页面时，它将显示右侧。当转到其他路由页面并返回时，相同的el table>el-table_body-wrapper的高度将变小

<el-table
  :data="tableData"
  stripe
  highlight-current-row
  :height="tableHeight"
  header-cell-class-name="table-header-class"
  class="main-table">
    <el-table-column
      property="id"
      label="ID"
      align='center'>
    </el-table-column>
    ...
</el-table>

...

---

当我转到另一个页面并返回时，我希望el表格的显示不会改变，但实际上el表格的el-table_body-wrapper html元素比以前更小。

在F12开发工具中，开始：.el-table html元素的style=“height:689px；”，.el-table_uBody-wrapper html元素的style=“height:645px”；在路由切换之后：.el-table html元素的style=“height:689px；”，.el-table\uu body-wrapper html元素的style=“height:622px”；路线切换后，el桌体高度变小，在桌体下方产生空白。您能展示一下您是如何通过桌高道具的吗？尝试将此值设为：height固定值，以查看表格是否会更改其高度。tableHeight道具是vue实例的数据变量。例如：导出默认值{data（）{return{…tableHeight:0，…}}，并且在浏览器客户端区域大小更改时将被更改。您可以尝试删除：height=“tableHeight”无论如何，el表格的高度属性设置为自动或将其固定为：height=“689”。如果我删除：height=“tableHeight”，则标题将不显示。并且height属性的值与浏览器客户端的高度有关，因此我无法修复其值。我已通过修改元素ui的源代码解决了此问题。我更改了如何在table-layout.js中获取headerHeight。我将headerHeight从“const headerHeight=this.headerHeight=！this.showHeader？0:headerRapper.offsetHeight；”到“const headerHeight=！this.showHeader？0:this.headerHeight”。这样就可以解决我的问题，只要表格标题中有一行。