element-plus循环写的Tabs标签页怎么让内容单独展示

对于循环生成的 Tabs 标签页，你可以在每个标签页的内容中添加一个独立的容器，并通过条件判断控制每个标签页内容的展示。以下是示例代码：

<template>
  <div>
    <el-tabs v-model="activeTab">
      <el-tab-pane v-for="(tab, index) in tabs" :key="index">
        <template v-slot:label>
          {{ tab.title }}
        </template>
        <div v-if="activeTab === index">
          <!-- 单独展示的内容 -->
          {{ tab.content }}
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: 0,
      tabs: [
        {
          title: 'Tab 1',
          content: 'Content 1'
        },
        {
          title: 'Tab 2',
          content: 'Content 2'
        },
        {
          title: 'Tab 3',
          content: 'Content 3'
        }
      ]
    };
  }
};
</script>

在上面的示例中，`el-tab-pane` 标签生成了循环的 Tabs 标签页，通过 `v-for` 循环遍历 `tabs` 数组生成标签页。在每个标签页的内容中，我们通过条件判断 `activeTab === index` 控制内容的展示，只有当前激活的标签页会显示其对应的内容。

你可以根据自己的需求修改代码，添加更多标签页和内容。希望能帮到你！