Vuex는 키를 사용하여 상태의 개체에 액세스합니다.

Vuex는 키를 사용하여 상태의 개체에 액세스합니다.

Vuex에 있는 매장에 이런 코드를 가지고 있는데, 아래 코드처럼 하면 잘 작동합니다.

state: {
    APIData: {},
},
getters: {
    getFeed: state => {return state.APIData },
},
mutations: {
    SET_FEED_DATA(state, {folder_id, data}) {
        state.APIData = data
    }
},

그러나 키를 사용하여 값을 설정 및 가져오려고 하면 반환됩니다.undefined겟터에요.템플릿에 여러 번 액션을 호출하는 for 루프가 있지만 여기서 키 값으로 사용하는 ID가 다르기 때문에 이 작업을 수행합니다.

state: {
    APIData: {},
},
getters: {
    getFeed: state => {return state.APIData["test"] },
},
mutations: {
    SET_FEED_DATA(state, {folder_id, data}) {
        state.APIData["test"] = data
    }
},

편집

Vue 디버거를 보면 다음과 같은 것을 알 수 있습니다.그래서 변환이 그 데이터를 설정하고 있는 것 같습니다만, getter는 데이터에 액세스 할 수 있습니다.

변환내에서, 다음과 같이 설정합니다.

state.APIData = { ...state.APIData, test: data };

을 위해 준비합니다.APIData개별 속성을 직접 업데이트하면 변경 내용이 인식되지 않습니다.전체를 리셋해야 합니다.APIData물건.

검정을 변수로 대체하려면:

state.APIData = { ...state.APIData, [VARIABLE_NAME]: data };

예를 들어, 키 이름을 다음과 같이 전달할 경우:folder_id코드:

state.APIData = { ...state.APIData, [folder_id]: data };

언급URL : https://stackoverflow.com/questions/63436457/vuex-use-keys-to-access-object-in-state