VueJS: How to get nested object value from vuex store?

Question

I am trying to access nested property of store state data but it is undefined when I try to access. I have following data

const state = {
  entity: {
    initial: {valid: false},
    general: {valid: false},
    buildFiles: {valid: false},
    license: {valid: false},
    author: {valid: false},
  }
};
const getters = {
  ENTITY: (state: any): Submission => {
    return state.entity; // Works fine
  },
  INITIAL: (state) => {
    console.log(state.entity); // Prints observable with entity and properties
    console.log(state.entity.initial); // Prints undefined
    return state.entity.initial;
  },
  
};

All I am trying to do is use getters from the component. Is there any way I can access property intitial?

I don't see any problem in the vuex store so far. Can you please share how you access your getters in the component? — Tugay İlik
– Tugay İlik, Commented Oct 27, 2020 at 18:13
Are you sure you didn't overwrite the whole entity before checking getters? — Anatoly
– Anatoly, Commented Oct 27, 2020 at 18:38

Henrique Van Klaveren · Accepted Answer · 2020-10-28 16:26:23Z

1

I think you need return state as a function. And your getters needed some a little changes: Try some thing like this:

const state = () => ({
  entity: {
    initial: { valid: false },
    general: { valid: false },
    buildFiles: { valid: false },
    license: { valid: false },
    author: { valid: false },
  },
})
const getters = {
  ENTITY: (state) => (submission) => {
    return state.entity // Works fine
  },
  INITIAL: (state) => {
    console.log(state.entity) // Prints observable with entity and properties
    console.log(state.entity.initial) // Prints undefined
    return state.entity.initial
  },
}

answered Oct 28, 2020 at 16:26

Henrique Van Klaveren

1,78017 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJS: How to get nested object value from vuex store?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related