Vuex: 개체를 커밋한 후 ID로 검색

Vuex: 개체를 커밋한 후 ID로 검색

이 방법을 사용하여 Vuex 상태로 커밋하려고 합니다.

getVariableLookup: ({ commit, _state }, payload) => {
  http.get(`/frame_variables/${payload}`)
    .then(response => {
      commit('addVariableLookup', response.data.frame_variable.body)
    })
}

이것은 잘 작동하지만, 저는 이 파일을 저장하려고 합니다.payload반응과 함께.그런 물건으로는 할 수 없을 것 같아요.

commit('addVariableLookup', { id: payload, body: response.data.frame_variable.body })

이 메서드는 다음을 반환합니다.

갱신하다

데이터가 올바르게 설정되어 있는 것을 알 수 있습니다만, 이 코드로는 취득할 수 없습니다.

const body = this.variableLookups.find(x => x.id === v.v_id)

this.variableLookups모두 반환한다.개별 객체를 찾으려면 어떻게 해야 합니까?

관련 ID를 위해 몸을 잡는 방법은 다음과 같습니다.

const entry = this.variableLookups.find(x => x.id === v.v_id)
const body = entry ? entry.body : null

삼진수인지 아닌지는null필요한 것은, 그 케이스의 발생을 막기 위한 논리가 이미 갖추어져 있는지에 따라 다릅니다.액션이 데이터를 로드할 때까지 기다렸다가 데이터를 가져와야 합니다.

어레이를 사용하는 것보다 객체를 사용하여 ID를 본문에 매핑하는 것이 더 나을 수 있습니다.오브젝트에 속성을 추가하는 경우의 일반적인 주의사항이 적용됩니다.

언급URL : https://stackoverflow.com/questions/57915551/vuex-committing-an-object-then-finding-it-by-id