ks/vue/src/views/Home/pages/examination_record.vue

<template>
  <div class="examination_record">
    <template>
      <el-tabs
        type="card"
        v-model="activeName"
      >
        <el-tab-pane
          label="正式考试"
          name="1"
        >
          <ExamRecordTabA />
        </el-tab-pane>
        <el-tab-pane
          label="模拟考试"
          name="2"
        >
          <ExamRecordTabB />
        </el-tab-pane>
      </el-tabs>
    </template>
  </div>
</template>
<script>
const ExamRecordTabA = () => import("@/views/Home/pages/components/exam_record_tab_a");
const ExamRecordTabB = () => import("@/views/Home/pages/components/exam_record_tab_b");
export default {
  components: {
    ExamRecordTabA,
    ExamRecordTabB
  },
  data () {
    return {
      activeName: '1',//tabs
    }
  },
  methods: {
  },
  created () {
    let { tabs } = this.$route.query;
    !tabs ? '' :
      this.activeName = tabs;
  },
}
</script>