Я получаю данные из маршрута панели конфигурации, устанавливая его на локальное хранилище с помощью vuex, storeJS:
const state = {
message: [],
// console.log(message);
sec: 0,
// other state
};
const getters = {
message: (state) => {
// console.log(this.state.message);
return state.message;
},
sec: (state) => {
return state.sec;
},
// other getters
};
const actions = {
setMessage: ({ commit, state }, inputs) => {
commit(
'SET_MESSAGE',
inputs.map((input) => input.message)
);
return state.message;
},
setSec: ({ commit, state }, newSecVal) => {
commit('SET_TIMEOUT', newSecVal);
return state.sec;
},
// other actions
};
const mutations = {
SET_MESSAGE: (state, newValue) => {
state.message = newValue;
localStorage.setItem('message', JSON.stringify(newValue)); ----->this
},
SET_TIMEOUT: (state, newSecVal) => {
state.sec = newSecVal;
localStorage.setItem('sec', JSON.stringify(newSecVal)); --->this
},
// other mutations
};
export default {
state,
getters,
actions,
mutations,
};
Теперь у меня есть домашний маршрут, на котором я хочу отобразить это, как я могу получить к нему доступ?
Я получаю данные (не локальное хранилище, а данные обычного состояния) с помощью Mapgetters, и я использую их так:
computed: {
...mapGetters({
message: "message",
sec: "sec"
}),
как я могу сказать ему, что если нет ничего (при перезагрузке страницы), чтобы автоматически получить данные из localstorage. Это моя цель
mounted() {
this.$store.dispatch("SET_MESSAGE");
this.$store.dispatch("SET_SEC");
},