vue+element切换路由

参考文档： https://blog.youkuaiyun.com/StephenO_o/article/details/84234916

<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="用户管理" name="first">
    </el-tab-pane>
    <el-tab-pane label="配置管理" name="second">
    </el-tab-pane>
    <router-view></router-view>
  </el-tabs>
</template>
<script>
import HelloWorld from '../components/HelloWorld' 
import hw from '../components/hw'
  export default {
    components: {HelloWorld, hw},
    data() {
      return {
        activeName: 'first',
        tabView: 'HelloWorld'
      };
    },
    methods: {
      handleClick(tab, event) {
        this.$router.push({path: tab.name})
      }
    }
  };
</script>