IT

Vuex - 하나의 업데이트 변환/액션으로 다른 상태 개체에 액세스하는 방법

itgroup 2022. 10. 18. 21:38
반응형

Vuex - 하나의 업데이트 변환/액션으로 다른 상태 개체에 액세스하는 방법

이 오브젝트 안에는 다른 문자열을 가진 오브젝트들이 많이 있습니다.이러한 오브젝트들은 하나의 돌연변이와 액션으로 업데이트하려고 합니다.현재 입력 필드의 값과 이름을 가져오고 이름을 개체 속성으로 사용하여 동적으로 상태를 변경하는 문자열을 전송하려고 하는데 입력 이름 문자열에 따라 올바른 개체 속성에 액세스하는 방법을 알 수 없습니다.

이게 내 현재 코드야

store.displaces를 설정합니다.

info: {
   fullName: '',

}

....



mutations: {

   updateStateObject(state, object){
      state.info.object["name"]
   }

actions: {
   updateStateObject(store, object){
      store.commit('updateStateObject', object);
}

info.vue

updateStateObject(e){
    this.$store.dispatch(this.store+'/updateStateObject', {name: e.target.name, value: e.target.value)}

수동으로 설정하는 경우state.info.["inputFieldName"] = object.value정상적으로 동작하지만 vue 파일에서 모든 입력 필드의 updateStateObject 메서드를 호출하여 입력 필드 이름에 따라 상태 개체의 올바른 속성 필드에 액세스하려고 합니다.어떻게 하면 좋을까요?

제가 정확히 이해한 바로는name그리고.value을 강조하다object그렇다면 다음과 같이 하십시오.

updateStateObject(state, object){
   state.info[object.name] = object.value;
}

언급URL : https://stackoverflow.com/questions/65349350/vuex-how-to-access-different-state-objects-with-one-update-mutation-action

반응형