el-tabs里的页面往tab上加标签

在Element UI的`el-tabs`组件中，每个tab通常代表一个单独的内容区域。如果想给某个内容页添加标签，你需要在创建`el-tab-item`时提供对应的标签信息。下面是一个简单的例子：

<template>
  <div>
    <el-tabs v-model="activeIndex">
      <el-tab-pane label="Tab 1" name="pane1">
        <!-- 这里是Tab 1的内容 -->
        Tab 1 Content
      </el-tab-pane>
      <el-tab-pane label="Tab 2" name="pane2">
        <!-- 这里是Tab 2的内容 -->
        Tab 2 Content
      </el-tab-pane>
      <el-tab-pane label="带有标签的Tab" :name="'pane3-labelled'" @click="handleClick">
        <!-- 这里是带有标签的Tab的内容 -->
        This tab has a custom label
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: 0,
    };
  },
  methods: {
    handleClick() {
      // 如果你想在点击时不改变当前激活的tab，可以移除v-model属性
      this.$refs.tabs.click(this.$refs.pane3Labelled.$el);
    },
  },
};
</script>

在这个例子中，`label`属性用于指定每个tab的文本标签。对于带标签的tab，我们还可以为其添加自定义的事件处理函数`handleClick`，当点击这个tab时，会触发该函数，而不会改变当前活动的tab。`$refs.tabs.click()`则是对`el-tabs`元素内部的tab进行点击操作。