如何实现Element UI侧边导航栏与表格的高度自适应？

在Element UI中实现侧边导航栏（`el-menu`）和表格（`el-table`）的高度自适应，通常需要结合Vue.js的数据绑定和CSS媒体查询来完成。以下是步骤：

1. **响应式布局**:
- 使用Vue的v-bind:class指令给菜单项添加一个动态类名，例如`:class="{ fullScreen: isFullScreen }"`, 其中`isFullScreen`是一个计算属性，可以根据屏幕大小变化来调整。

2. **设置高度条件**:
- 当`isFullScreen`为真时，给菜单添加`fullscreen-menu`类，该类可能包含如`.height-100vh`这样的样式，让其充满整个窗口高度。
- 同样地，对于表格，也需要在CSS中定义一个或多个类如`.fullscreen-table`，设置表格的高度为`calc(100% - menu-height)`，这里menu-height是侧边栏的高度。

3. **检测视口变化**:
- 可以使用JavaScript的`window.addEventListener('resize', handleResize)`事件监听视口大小的变化，当宽度达到某个阈值时更新`isFullScreen`状态。

4. **计算高度**:
- 在`handleResize`函数中，根据当前窗口尺寸计算并设置`isFullScreen`的值，以便在适当的时候切换到全屏模式。

5. **初始化状态**:
- 初始化时，确保在适当的情况下设置初始的全屏模式。

示例CSS：

.fullscreen-menu {
  height: 100vh;
}

.fullscreen-table {
  height: calc(100vh - /* menu-height */);
}