Vuex Getters返回未定义

如果 mapGetters() 如果注释掉(如下面的示例代码),则返回的数据将显示在屏幕上->如果用户单击包含数据的链接。如果用户在数据应该显示的地方直接进入应用程序,数据将不会显示。

有一个 similar question 但没有一个公认的答案

Vue控制台日志:

国家:

$_lgdHRS:对象

总计:129

---

美元/totHrs:未定义

<script>
import store from '../../_store'
import { mapState, mapGetters } from 'vuex'

export default {
  computed: {
    ...mapState('$_lgdHRS',{
      totHrs : 'totHrs',
    }),

  // ...mapGetters('$_lgdHRS',{
  //    totHrs  : 'totHrs',
  //    airHrs  : 'airHrs',
  //    picHrs  : 'picHrs',
  //    pmcHrs  : 'pmcHrs',
  //    voHrs   : 'voHrs',
  //    trngHrs : 'trngHrs'
  // }),
  },

  created() {
    this.storeKey = '$_lgdHRS';
      if (!(this.storeKey in this.$store._modules.root._children)) {
        this.$store.registerModule(this.storeKey, store);
    }
  },

  mounted() {
    this.$store.dispatch('$_lgdHRS/getLogSummary');
  },
}
</script>
<template>
    <total-summary :hours="totHrs" />
</template>

状态.js

export const state = {
  totHrs: Number,
}

const totHrs = state => state.totHrs;
export default {
  totHrs,
};

突变.js

const
TOTAL_HRS_UPDATED = (state, totHrs) => {
  state.totHrs = +totHrs;
};
export default {
    TOTAL_HRS_UPDATED,
};