vue element中tabs标签页怎么实现点击一个标签页只显示当前标签页的接口

可以利用 `v-if` 或 `v-show` 来控制当前标签页是否显示对应的接口内容。具体操作如下：

1. 在 `el-tabs` 组件中，为每个标签页绑定一个 `name` 属性，值为该标签页对应的接口名称。

2. 利用 `v-if` 或 `v-show` 来根据当前激活的标签页显示对应的接口内容。例如：

<el-tabs v-model="activeTab">
  <el-tab-pane label="标签页1" name="interface1">
    <div v-if="activeTab === 'interface1'">这里是标签页1的接口内容</div>
  </el-tab-pane>
  <el-tab-pane label="标签页2" name="interface2">
    <div v-if="activeTab === 'interface2'">这里是标签页2的接口内容</div>
  </el-tab-pane>
  <el-tab-pane label="标签页3" name="interface3">
    <div v-if="activeTab === 'interface3'">这里是标签页3的接口内容</div>
  </el-tab-pane>
</el-tabs>

在上述代码中，利用 `v-if` 来判断当前激活的标签页是否为该标签页对应的接口名称，如果是，则显示接口内容。如果使用 `v-show`，则只是在页面上控制元素的显示与隐藏，不会对 DOM 进行删除或创建。

3. 在 `data` 中定义 `activeTab` 变量，用来保存当前激活的标签页名称。

data() {
  return {
    activeTab: 'interface1' // 默认显示第一个标签页对应的接口内容
  }
}

这样，就可以实现点击一个标签页只显示当前标签页的接口内容了。