el-tabs切换路由

如果您正在使用 Vue.js 和 Element UI，可以使用 `el-tabs` 组件来切换路由。首先，您需要导航到 `vue-router` 官方文档，并按照说明安装和配置 `vue-router`。然后，您可以使用以下代码来实现 `el-tabs` 切换路由：

<template>
  <div>
    <el-tabs v-model="activeTab" @tab-click="handleTabClick">
      <el-tab-pane label="Home" name="/home"></el-tab-pane>
      <el-tab-pane label="About" name="/about"></el-tab-pane>
      <el-tab-pane label="Contact" name="/contact"></el-tab-pane>
    </el-tabs>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeTab: "/home"
    };
  },
  methods: {
    handleTabClick(tab) {
      this.$router.push(tab.name);
    }
  }
};
</script>

在上面的代码中，我们使用 `el-tabs` 组件来创建选项卡。每个选项卡都有一个标签和一个名称，名称对应着路由路径。我们使用 `v-model` 指令来绑定当前选中的选项卡，然后在 `@tab-click` 事件中，我们使用 `$router.push()` 方法来切换路由。最后，我们使用 `router-view` 组件来显示当前路由的内容。

请注意，这只是一个示例代码，您需要根据您的实际情况进行修改。