el-tabs如何设置成路由

el-tabs是Element UI库中的一个组件，用于创建选项卡导航。要将el-tabs设置为路由，需要使用Vue Router来实现。

首先，确保你已经安装了Vue Router和Element UI库。然后，在Vue组件中引入el-tabs和el-tab-pane组件，并在template中使用它们来创建选项卡导航。

接下来，在Vue Router的配置文件中，定义路由路径和对应的组件。每个选项卡对应一个路由路径。

最后，在el-tabs组件中，使用router-link标签来设置每个选项卡的路由链接。将to属性设置为对应的路由路径。

下面是一个示例代码：

<template>
  <div>
    <el-tabs v-model="activeTab">
      <el-tab-pane label="Tab 1" name="tab1">
        <router-view></router-view>
      </el-tab-pane>
      <el-tab-pane label="Tab 2" name="tab2">
        <router-view></router-view>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  data() {
    return {
      activeTab: 'tab1',
    };
  },
  computed: {
    ...mapState(['user']),
  },
};
</script>

在上面的代码中，我们使用了el-tabs和el-tab-pane组件来创建两个选项卡。每个选项卡对应一个路由路径。在el-tabs组件中，我们使用了router-link标签来设置每个选项卡的路由链接。