vuex 게시 요청에서 상태의 값을 전달하는 방법

vuex 게시 요청에서 상태의 값을 전달하는 방법

폼에 맞게 get과 set을 사용하여 데이터를 수집하고 있습니다.API에 상태를 게시하고 싶습니다.어떻게 하면 주(州)를 이동하거나 그룹화해서 행동을 취할 수 있을까요?

  state: {
    firstname: "",
    lastname: "",

  },
  mutations: {
    setFirstName(state, value) {
      state.firstname = value
    },
    setLastName(state, value) {
      state.lastname = value
    },

다음과 같습니다.

sendInfo({commit}, object) {
axios.post('API_URL', object)
.then((response) => {
 ...
})

}

computed: {
            firstname: {
                get() {
                    return this.$store.state.firstname
                },
                set(value) {
                    this.$store.commit("setFirstName", value)
                }
            },

아니면 제가 잘못 접근한 건가요?

이러한 값은 다음과 같은 상태 객체 내에 넣는 것이 가장 좋습니다.

state: {
  user: {
    firstname: '',
    lastname: ''
  }
}

액션에 개체를 설정할 수 있습니다.

actions: {
  setData({ commit }, payload) {
    commit('SET_DATA', payload);
  }
},
mutations: {
  SET_DATA(state, payload) {
    state.user = payload;
  }
}

또, 사용시에 간결하게 합니다.mapState:

computed: {
   ...mapState(['user'])
}

언급URL : https://stackoverflow.com/questions/65253779/how-to-pass-values-from-state-in-vuex-post-request