el-tabs的高度自适应怎么做

对于el-tabs的高度自适应，可以使用CSS的flex布局来实现。先将el-tabs的容器设置为display:flex，并且flex-direction设置为column，这样el-tabs会按照垂直方向排列。然后将el-tabs容器的高度设置为100%，这样el-tabs容器会占据整个父元素的高度。最后给el-tabs设置flex:1，这样el-tabs会自动充满父元素高度，实现高度自适应。下面是示例代码：

<div class="el-tabs-container">
  <el-tabs style="flex:1;">
    <!-- tabs内容 -->
  </el-tabs>
</div>

.el-tabs-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

相关问题

.el-tabs--card>.el-tabs__header .el-tabs__nav 的border属性如何在css中修改

要修改`.el-tabs--card > .el-tabs__header .el-tabs__nav`的`border`属性，可以使用CSS来实现。下面是一个示例代码：

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 2px solid red; /* 设置边框为2px宽度、红色 */
}

在上述代码中，我们将`border`属性设置为2像素的红色边框。您可以根据需要调整边框的宽度和颜色。

如果您需要进一步自定义边框样式，可以使用其他`border`属性的值，例如`border-style`来指定边框样式（如实线、虚线、点线等）或者使用`border-color`来指定边框颜色。

希望这对您有所帮助！如果您还有其他问题，请随时提问。

el-tabs 高度

el-tabs的高度是依赖其父组件的高度的。当多个tabs时，除了第一个tabs的高度是根据内容实际值来确定外，其他tabs的高度默认为0。这会导致在mounted时，已经赋值给table的高度只有第一个tabs的table能够正常显示，其他tabs的table无法显示出来。

为了让el-tabs自适应高度并显示正常，我们需要给el-table设置一个具体的高度值。这样，在数据条数超过el-table的高度时，el-table会出现滚动条，而不是整个页面出现滚动条。

另外，你可以在tabs的子组件中设置一个属性，通过该属性传递父组件的高度给子组件。子组件显示时，可以通过计算（减去其他部分的高度，比如底部查询或操作高度，底部分页高度）来确定el-tabs的高度。这样可以确保el-tabs在不同情况下都能自适应高度并显示正常。