Vue子组件未根据计算函数呈现

Question

在我的应用程序中，我正在构建一个仪表板组件，在其中可以根据使用组件本身中的计算功能所提供的状态来显示视图，但是我发现了一些异常的行为，该组件正在渲染错误的子组件。 / p>

<template>
  <div class="dashboard-wrapper">
    <div class="dashboard-content">
      <LoaderView v-if="isViewLoading"/>
      <div v-else>
        <ActivityView v-if="currentView === 'Activity' " />
        <SubscriptionView v-if="currentView == 'Subscriptions'"/>
        <ProfileView v-if="currentView == 'Profile'"/>
        <SecurityView v-if="currentView == 'Security'"/>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
.
.
.
get currentView () {

    return Activity.activeView
}
.
.
.
</script>

我还检查了Vue开发工具，并相应地更新了状态。 请注意，我检查了一下子组件是否正常。