elementui中的tab标签通过某一页的按钮进行跳转、切换到不同的tab标题

在Element UI中，可以通过编程方式来切换el-tabs中的el-tab-pane。你可以使用v-model来绑定当前激活的el-tab-pane的name属性，然后通过修改这个绑定的值来实现切换。同时，你可以在页面的按钮事件中设置新的name值来完成跳转。

以下是一个简单的例子：

<template>
  <div>
    <el-button @click="goToTab('tab2')">跳转到Tab2</el-button>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="Tab1" name="tab1">内容1</el-tab-pane>
      <el-tab-pane label="Tab2" name="tab2">内容2</el-tab-pane>
      <el-tab-pane label="Tab3" name="tab3">内容3</el-tab-pane>
    </el-tabs>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      activeName: 'tab1',
    };
  },
  methods: {
    goToTab(tabName) {
      this.activeName = tabName;
    },
    handleClick(tab, event) {
      // 处理点击标签的逻辑
    },
  },
};
</script>

在这个例子中，我们有一个按钮和一个el-tabs组件。el-tabs的v-model绑定到了activeName数据属性上，这个属性代表当前激活的标签页。我们定义了一个goToTab方法，这个方法接受一个参数tabName，当按钮被点击时，这个方法会被调用，并将activeName设置为传递进来的tabName值。这样就可以通过按钮点击来改变并激活el-tabs中的不同标签页。