vue el-tabs

您好！关于Vue的el-tabs组件，它是Element UI库中的一部分，用于创建标签页选项卡。您可以使用它来实现页面内容的切换和导航。

要使用el-tabs组件，首先需要在项目中引入Element UI库。确保您已经安装了Element UI，并在需要的地方导入所需的组件。

接下来，您可以在Vue模板中使用el-tabs组件，如下所示：

<template>
  <el-tabs v-model="activeTab">
    <el-tab-pane label="Tab 1" name="tab1">
      <!-- Tab 1 内容 -->
    </el-tab-pane>
    <el-tab-pane label="Tab 2" name="tab2">
      <!-- Tab 2 内容 -->
    </el-tab-pane>
    <el-tab-pane label="Tab 3" name="tab3">
      <!-- Tab 3 内容 -->
    </el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 'tab1' // 默认显示的标签页
    };
  }
};
</script>

在上述示例中，el-tabs组件包含了多个el-tab-pane子组件，每个子组件代表一个选项卡。label属性用于设置选项卡的显示文本，name属性用于标识选项卡。v-model指令绑定了activeTab属性，用于控制