element ui tabs label自定义

要自定义 Element UI Tabs 组件的标签（label），你可以使用 `tab` 插槽来实现。通过该插槽，你可以自定义每个选项卡的标签内容。

以下是一个示例代码：

<template>
  <el-tabs v-model="activeTab">
    <el-tab-pane v-for="(item, index) in tabs" :label="renderTabLabel(item)" :key="index">
      <!-- tab 内容 -->
    </el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 'tab1',
      tabs: [
        { id: 'tab1', title: 'Tab 1' },
        { id: 'tab2', title: 'Tab 2' },
        { id: 'tab3', title: 'Tab 3' }
      ]
    }
  },
  methods: {
    renderTabLabel(item) {
      // 自定义标签内容
      return (
        <span>
          <i class="el-icon-document"></i>
          {{ item.title }}
        </span>
      );
    }
  }
}
</script>

在上面的示例中，我们使用了 `v-for` 指令循环渲染选项卡，通过 `:label` 属性来绑定标签内容。然后，我们通过 `renderTabLabel` 方法自定义了标签的内容，并使用 JSX 语法来创建带有图标的标签。

你可以根据自己的需求，在 `renderTabLabel` 方法中编写任意的标签内容，并在其中使用各种 HTML、CSS 和 Element UI 的组件来自定义标签的外观。