el-tabs 动态增加

要动态增加 el-tabs 的标签页，你可以通过修改绑定的数据来实现。首先，在 el-tabs 组件中，你需要有一个 `v-model` 绑定一个变量，用于存储当前选中的标签页的索引。然后，你可以通过修改绑定的数组，来增加新的标签页。

举个例子，假设你有以下的 el-tabs：

<el-tabs v-model="activeTab">
  <el-tab-pane label="Tab 1">Content of Tab Pane 1</el-tab-pane>
  <el-tab-pane label="Tab 2">Content of Tab Pane 2</el-tab-pane>
</el-tabs>

其中，`activeTab` 是绑定的变量，用于存储当前选中的标签页的索引。

如果你想要动态增加一个标签页，你可以添加一个按钮，绑定一个方法，在方法中修改绑定的数组，例如：

<el-button @click="addTab">Add Tab</el-button>

methods: {
  addTab() {
    this.tabs.push({
      label: 'New Tab',
      content: 'Content of New Tab'
    })
  }
}

在上面的代码中，我们添加了一个 `addTab` 方法，当按钮被点击时，该方法会向 `tabs` 数组中添加一个新的元素，包含标签页的标签和内容。

最后，我们需要更新 `el-tabs` 组件的模板，让它使用动态的数据来渲染标签页：

<el-tabs v-model="activeTab">
  <el-tab-pane v-for="(tab, index) in tabs" :key="index" :label="tab.label">
    {{ tab.content }}
  </el-tab-pane>
</el-tabs>

在上面的代码中，我们使用 `v-for` 循环遍历 `tabs` 数组，动态渲染标签页。注意，我们需要给每个标签页加上 `:key` 属性，以便 Vue 可以正确地跟踪哪些标签页已被添加或删除。