반응형
NuxtServerInit을 올바르게 호출하려면 어떻게 해야 합니까?
VUEX 저장소에는 다음과 같은 코드가 있습니다.
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의 값을 다시 쓸 수 있도록 하려면 어떻게 호출해야 합니까?
추신. 지금 제 코드가 작동하지 않아요.
만약 당신이store/index.js
액션이 있다nuxtServerInit
,그리고나서Nuxt
호출합니다.
그래서 당신의 코드는 결국
export const state = () => ({
z: 'sdfjkhskldjfhjskjdhfksjdhf',
});
export const mutations = {
init_data_for_firmenistorie2(state, uploadDbFirmenistorieData) {
state.z = uploadDbFirmenistorieData;
},
};
export const actions = {
nuxtServerInit({ commit }) {
console.log('111');
commit('init_data_for_firmenistorie2', 123);
},
};
액션 오브젝트를 만들고, 그 다음에 그 오브젝트를nuxtServerInit
그 안에서:
export const actions = {
nuxtServerInit(vuexContext, context){
vuexContext.commit('init_data_for_firmenistorie2', 123);
}
}
와 함께context
예를 들어 에 대한 추가 접근권을 가질 수 있습니다.params
,routes
,redirect
기타. 문서: https://nuxtjs.org/api/context
언급URL : https://stackoverflow.com/questions/58572864/how-should-i-call-nuxtserverinit-correctly
반응형
'source' 카테고리의 다른 글
Vue CLI를 사용하여 여러 Vue.js 컴포넌트를 네이티브 웹 컴포넌트에 한 번에 빌드하려면 어떻게 해야 합니까? (0) | 2022.08.19 |
---|---|
vue.filename: 와의 차이점vue.filename: 와의 차이점?? (0) | 2022.08.19 |
gdb 디버거에 가장 까다롭고 유용한 명령어 (0) | 2022.08.19 |
Nuxt/Vue-meta: info.meta.filter는 함수가 아닙니다. (0) | 2022.08.19 |
라벨이 VueJ로 되어 있는 CheckBox의 선택을 해제합니다.s (0) | 2022.08.19 |