el-tabs 右边添加自定义按钮

在使用 Element UI 的 el-tabs 组件时，如果需要在选项卡右边添加自定义按钮，可以通过自定义样式及插槽来实现。

首先，我们可以为选项卡容器（el-tabs）添加一个自定义样式类，例如"custom-tabs"，然后在样式中设置该类的 position 为 relative，以便在选项卡右侧定位自定义按钮。

接下来，在 el-tabs 组件内部，我们可以使用插槽来自定义选项卡标签的内容。使用名为"label"的插槽，可以将自定义的标签内容插入到选项卡中。

为了实现在选项卡右侧添加按钮，我们可以在该插槽内部，通过 CSS 绝对定位的方式将按钮添加到选项卡右侧。我们可以使用一个额外的 div 元素来包裹按钮，并设置该元素的 position 为 absolute，然后设置其 right 值为 0，将按钮定位到选项卡右侧。

以下是一个示例代码：

<template>
  <el-tabs class="custom-tabs">
    <el-tab-pane label="标签一">
      内容一
    </el-tab-pane>
    <el-tab-pane label="标签二">
      内容二
    </el-tab-pane>
    <template slot="label">
      <span>标签三</span>
      <div class="custom-button">
        <el-button type="primary">自定义按钮</el-button>
      </div>
    </template>
  </el-tabs>
</template>

.custom-tabs {
  position: relative;
}

.custom-button {
  position: absolute;
  right: 0;
  top: 0;
}

通过以上方式，我们就可以在 el-tabs 组件的选项卡右侧添加自定义按钮了。根据实际需求，可以对按钮进行样式调整、添加点击事件等操作。