Как синтаксически правильно оформлять NuxtServerInit?

153

05 октября 2021, 03:30

Есть такой код в хранилище:

export const state = () => ({ 
  z: 'sdfjkhskldjfhjskjdhfksjdhf', 
}); 
 
export const mutations = { 
 
  init_data_for_firmenistorie2 (state, uploadDbFirmenistorieData){ 
    state.z = uploadDbFirmenistorieData; 
  }, 
 
 
}; 
 
  async nuxtServerInit ({commit}) { 
    console.log('111'); 
    commit('init_data_for_firmenistorie2', 123) 
  } 
 
 
}

Вопрос: Как правильно синтаксически оформить вызов nuxtServerInit таким образом что бы с помощью него можно было переписать значение стэйта z?

Answer 1

nuxtServerInit - это action в store

https://nuxtjs.org/guide/vuex-store/#the-nuxtserverinit-action

Ваш пример не работает, потому что

  async nuxtServerInit ({commit}) {
    console.log('111');
    commit('init_data_for_firmenistorie2', 123)
  }

Нужно поместить в actions, чтобы получилось так:

export const state = () => ({
  z: 'sdfjkhskldjfhjskjdhfksjdhf',
});
export const mutations = {
  init_data_for_firmenistorie2 (state, uploadDbFirmenistorieData){
    state.z = uploadDbFirmenistorieData;
  },
};
export const actions = {
  async nuxtServerInit ({commit}) {
    console.log('111');
    commit('init_data_for_firmenistorie2', 123)
  }
}