Knowledge_Test_Vue/src/components/Tabs/TabNavigation.vue

<!--标签页导航-->
<template>
  <div class="tabs">
    <button
        class="tab-btn"
        :class="{ active: activeTab === 'user' }"
        @click="$emit('update:activeTab', 'user')"
    >
      用户数据
    </button>
    <button
        class="tab-btn"
        :class="{ active: activeTab === 'wrong' }"
        @click="$emit('update:activeTab', 'wrong')"
    >
      错题统计
    </button>
    <button
        class="tab-btn"
        :class="{ active: activeTab === 'question' }"
        @click="$emit('update:activeTab', 'question')"
    >
      题库管理
    </button>
  </div>
</template>

<script>
export default {
  name: 'TabNavigation',
  props: {
    activeTab: {
      type: String,
      required: true
    }
  }
}
</script>