如何在 ElementUI Tabs 组件的选项卡左侧添加额外元素？

发布日期： 2024-10-29 阅读量： 作者： 网络

如何在 elementui tabs 组件的选项卡左侧添加额外元素？

在 elementui tabs 中选项卡左侧添加额外元素

在 elementui 的 tabs 组件中，添加额外元素到左边第一个选项卡之前是一项常见需求。例如，你可能希望添加一个按钮或一个隐藏但不会占用选项卡位置的 div。

解决方案

使用 css 样式可以通过调整 flexbox 布局来在选项卡左侧添加额外元素。如果你不需要右侧的扩展按钮，可以采用此方法。

.el-tabs__header {
  flex-direction: row-reverse;
}

.el-tabs__header .el-tabs__nav {
  flex-grow: 1;
}

随便看看