У меня проблема с получателями Vuex, когда gitters возвращаются как undefined (в консоли Vue Dev Console, и в консоли Chrome Dev ошибки не регистрируются).
Если mapGetters()
закомментирован (как в примере кода ниже), возвращенные данные отображаются на экране - ›Предоставляется, если пользователь щелкает ссылку, содержащую данные. Данные НЕ будут отображаться, если пользователь войдет в приложение прямо в точке, где данные должны отображаться.
Есть аналогичный вопрос, но нет принятого ответа
Журналы консоли Vue:
ШТАТ:
$ _lgdHRS: Объект
Всего: 129
ПОЛУЧАЕТ:
$ _lgdHRS / totHrs: не определено
SomeContainer.vue
<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>
state.js
export const state = {
totHrs: Number,
}
getters.js
const totHrs = state => state.totHrs;
export default {
totHrs,
};
mutations.js
const
TOTAL_HRS_UPDATED = (state, totHrs) => {
state.totHrs = +totHrs;
};
export default {
TOTAL_HRS_UPDATED,
};
lifecycle
и отображаются только при вводе из другого состояния маршрута? - person   schedule 31.01.2019