The vuex value does not change after the asynchronous operation

initialize an object in state.

// 
travellerInfo: {
    after: {
        address: {},
        temporary: {
            people: {
                data: [],
                ids: [],
            },
            stroke: {
                data: {},
                complete: "",
            },
            take: {
                data: {},
                ids: {},
            },
            address: {
                data: {},
                ids: [],
            },
        },
        traveler: {},
    },
},


// 
commit("setTravellerInfo", this.state.travellerInfo);
setTravellerInfo(state, payload) {
    state.travellerInfo = payload;
},

when the data asynchronous request comes back, the data field in the vuex changes, but the ids field remains the same. The back-end interface has data.

/ / display of vue debugging tools

// idsvuex

Vue.js vuex javascript

May.20,2022

at least post the key code. It should be that you made a mistake in processing the data returned by the back end.

assignment problem, use your own code bug.
also recommend the merging method of lodash:

this.state.travellerInfo = _.merge({}, this.state.travellerInfo, res);

Previous: Using push in vuex to add data to an array will add two identical pieces of data

Next: When testing react-native with jest, the require picture will report an error

I want to use some of the constants defined in state to assign default values to the drop-down box and v-model this variable in the data of the component, what should I do?
I m going to assign the default value of 1 to the value of the drop-down box and bind this variable; <select v-model= selectValue >< select> but just let data(){ return{ selectValue:1 } } this type of writing is not readable, so I ...

Vue.js vuex javascript es6 html5

Mar.03,2021
Data Monitoring and Storage in vuex
whether 1.vuex can be used to store data or whether it is used to store data itself. for example, page An and B2 make ajax requests on page A, and the data obtained need to be displayed on page B. My personal approach is to store the ajax data in state...

Vue.js vuex javascript

May.22,2021
How to explain the parameter writing in function func ({a = b} = {}) {`} func method in JS grammar
these days, while learning the vuex source code, I see a in the logger.js file. The parameter in the function createLogger does not understand this. Does it mean that the object in the parameter is an empty object by default, and why the attribute i...

Vue.js vuex javascript

Jul.19,2021
How does vuex reuse modules?
Let s talk about my business scenario first. I now have two pages An and B, and the A page has two sub-components A1 and a2. A specific component is displayed through the isComponent of vuex . The code for A.vue is as follows: <template> &...

Vue.js vuex javascript

Nov.28,2021
Vuex business logic processing issues?
question: how does vuex separate some common methods? Business scenario: vuex stores my product list (a large number of products), and the components have operations about product additions, deletions and modifications (in vuex). Then each operation h...

Vue.js vuex javascript front-end-engineering

Feb.11,2022