front/src/views/career/zhiyuan/ShiftLine.vue

<template>
  <div class="shiftLine">
    <el-tabs v-model="activeName" stretch>
      <el-tab-pane label="院校投档线" name="universities"></el-tab-pane>
      <el-tab-pane label="专业投档线" name="colleges"></el-tab-pane>
    </el-tabs>
    <div>
      <component :is="activeName==='universities'?'UniversitiesLine':'CollegesLine'"></component>
    </div>
  </div>
</template>

<script>
  import UniversitiesLine from '@/views/career/components/UniversitiesLine'
  import CollegesLine from '@/views/career/components/CollegesLine'
    export default {
      name: "ShiftLine",
      components:{UniversitiesLine,CollegesLine},
      data(){
          return {
            activeName:'universities',
            isComponents:''
          }
      }
    }
</script>
<style scoped>
.shiftLine{
  padding:20px 40px;
}
</style>