<el-tabs element-plus 使用动态数据、

在使用 Element Plus 的 `<el-tabs>` 组件时，可以通过绑定动态数据来展示标签页。这样做的好处是可以根据需要动态地添加或移除标签页，提供了更大的灵活性。以下是一个使用动态数据的 `<el-tabs>` 组件的基本示例：

<template>
  <el-tabs v-model="activeName" type="card">
    <el-tab-pane
      v-for="(item, index) in tabList"
      :key="item.name"
      :label="item.title"
      :name="item.name">
      <!-- 你的内容 -->
    </el-tab-pane>
  </el-tabs>
</template>

<script>
export default {
  data() {
    return {
      activeName: 'tab1', // 激活的标签名
      tabList: [
        { name: 'tab1', title: '标签一' },
        { name: 'tab2', title: '标签二' },
        { name: 'tab3', title: '标签三' }
      ]
    };
  }
};
</script>

在上面的示例中：
- `activeName` 属性用于绑定当前激活的标签页。
- `tabList` 是一个数组，每个元素代表一个标签页，其中 `name` 是标签的唯一标识，`title` 是标签显示的标题。
- 使用 `v-for` 指令根据 `tabList` 数组动态生成 `<el-tab-pane>` 标签页。