Javascript 如何在基于类的vue组件中加载动态组件

我有两个组件正在尝试使用对象映射动态加载

信息（基于选项）

搜索栏（基于类）

它适用于基于选项的组件，但当我尝试加载类似的基于类的组件时，我得到的

\u currentTab

是

未定义的
。我尝试使用
新的搜索栏
，但这也不起作用

Vuex模块

导出默认类侧栏扩展VuexModule{
private _currentTab:object=tabs.SearchBar；
}

选项卡映射

从“@/components/Tabs/SearchBar.vue”导入搜索栏；
从“@/components/Tabs/Info.vue”导入信息；
导出默认值{
搜索栏：搜索栏，
信息：信息，
}

边栏组件



从“Vue属性装饰器”导入{Component，Vue}；
从“vuex”导入{mapGetters}；
@组成部分({
计算：{
…地图绘制者({
currentTab:'currentTab'，
}),
},
})
导出默认类侧边栏扩展Vue{
}

信息组件（基于选项）

导出默认值{
数据（）{
返回{}
},
}

搜索栏组件（基于类）

从“Vue属性装饰器”导入{Component，Vue}；
从“vuex”导入{mapActions}；
@组成部分
导出默认类搜索栏扩展Vue{
}
对于动态导入，我使用：

  components: {
    History: () => import("./History"),
    MenuCardRight: () => import("@/components/MenuCardRight")
  },

对于动态导入，我使用：

  components: {
    History: () => import("./History"),
    MenuCardRight: () => import("@/components/MenuCardRight")
  },

在一个地方是currentTab，在另一个地方是currentTab。是否调试VuexModule中的选项卡对象？该代码遗漏了一些部分，并且缺少。可能存在循环依赖性，这是一个常见的原因，事物被未定义，而它们被期望不被定义。在一个地方是currentTab，在另一个地方是_currentTab。是否调试VuexModule中的选项卡对象？该代码遗漏了一些部分，并且缺少。可能存在循环依赖性，这是一个常见的原因，事情是未定义的，而他们预计不会。