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

你可以使用 `el-tab-pane` 组件来实现循环生成的 `Tabs` 标签页中内容的单独展示。下面是一个示例：

<template>
  <el-tabs v-model="activeTab">
    <el-tab-pane v-for="(tab, index) in tabs" :label="tab.title" :name="index.toString()" :key="index">
      <div v-if="activeTab === index.toString()"> <!-- 只有当前选中的标签页才会显示内容 -->
        <p>{{ tab.content }}</p>
      </div>
    </el-tab-pane>
  </el-tabs>
</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>

在上面的示例中，我们通过 `v-if` 条件判断来确定只有当前选中的标签页才会显示对应的内容。这样，每次切换标签页时，只会展示选中标签页的内容，其他标签页的内容会隐藏起来。