element 的tabs

Element UI 是一个基于 Vue.js 的桌面端组件库，其中包含了 Tabs 组件，它可以实现多标签页的效果。Tabs 组件的基本用法如下：

<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="标签页一" name="first">标签页一的内容</el-tab-pane>
    <el-tab-pane label="标签页二" name="second">标签页二的内容</el-tab-pane>
    <el-tab-pane label="标签页三" name="third">标签页三的内容</el-tab-pane>
  </el-tabs>
</template>
<script>
export default {
  data() {
    return {
      activeName: 'first'
    };
  },
  methods: {
    handleClick(tab) {
      console.log(tab.label);
    }
  }
};
</script>

在上面的代码中，我们使用了 `el-tabs` 标签包含多个 `el-tab-pane` 标签，每个 `el-tab-pane` 标签表示一个标签页。`v-model` 指令绑定了当前激活的标签页的名称，`@tab-click` 事件监听了标签页的点击事件。在 `handleClick` 方法中，我们可以获取到被点击的标签页的信息。

Tabs 组件还提供了很多其他的功能，比如可关闭标签页、标签页位置等。你可以查看 Element UI 的官方文档，了解更多关于 Tabs 组件的详细用法。