반응형
vuex 모듈에서 루트 상태를 기반으로 상수를 전역적으로 정의하는 방법
vuex 모듈에서는 각 작업에 대해 루트 상태에서 동일한 값을 얻어야 합니다.따라서 다음과 같이 수행합니다.
export const actions = {
action1({ commit, rootState }, payload) {
const companyId = rootState.userProfile.companyId;
....
},
action2({ rootState }, payload) {
const companyId = rootState.userProfile.companyId;
....
},
....
}
반복하는 대신 모듈에서 이 상수를 한 번만 선언할 수 있는 방법이 있습니까?
const companyId = rootState.userProfile.companyId;
각각의 행동에서?
당신은 당신의 모듈 파일에 당신의 스토어를 가져오고 Getter를 생성하여 당신의 가치를 얻을 수 있습니다.companyId
.
게터를 사용하지 않으면 결과적으로companyId
한 번만 설정되고 작업 런타임에서 실제 값을 얻지 못하는 경우:
import store from './index.js'
const companyId = () => store.state.userProfile.companyId
export const actions = {
action1({ commit }, payload) {
commit('doSomething', companyId())
...
},
action2({ }, payload) {
...
},
...
}
당신은 또한 당신의 모듈에 게터를 만들어 그것을 얻을 수 있습니다.companyId
:
export const actions = {
action1({ getters }, payload) {
console.log(getters.companyId)
}
}
export const getters = {
companyId (state, getters, rootState) {
return rootState.userProfile.companyId
}
}
언급URL : https://stackoverflow.com/questions/54419146/in-a-vuex-module-how-to-globally-define-a-const-based-on-rootstate
반응형
'prosource' 카테고리의 다른 글
ggplot: 면 그림 사이의 간격을 늘리는 방법은 무엇입니까? (0) | 2023.06.22 |
---|---|
Mongodb 중복 항목 방지 (0) | 2023.06.22 |
Git LFS 트랙 폴더 재귀 (0) | 2023.06.22 |
libclntsh.so .11.1: 공유 개체 파일을 열 수 없습니다. (0) | 2023.06.22 |
'선택'은 항상 기본 키로 정렬됩니까? (0) | 2023.06.22 |