State array push in vuex is not a function error

Question

I have an array in store/localStorage to save a user's id and work time. However the array.push function is not working.

export const state = () => ({
    Total: []
})

export const mutations = {
    setTotal(state, value){
        state.Total.push(value);
    }
}

I have this in my created:

this.$store.commit("localStorage/setTotal", {id: this.signedInUserID, time: 0});

This is the error I got:

TypeError: state.Total.push is not a function

The "localStorage/" prefix implies you have a namespaced Vuex module. Did you set that up properly? — tony19
– tony19, Commented Feb 7, 2020 at 8:23
I have an object call User in state and a setUser function in mutations, which is works properly. — Alex Denor
– Alex Denor, Commented Feb 7, 2020 at 8:25
I am trying to add a new object to my array in state and I got an error: TypeError: state.Total.push is not a function . I will provide any additional code if you want, what would it be? — Alex Denor
– Alex Denor, Commented Feb 7, 2020 at 8:28

oshell · Accepted Answer · 2020-02-07 09:13:42Z

1

Your state is a function, which returns an object. You would be able to access Total by calling state function and then working with the returned object like this: state().Total.push(value).

However in Vuex you create store using Vuex.Store().

const store = new Vuex.Store({
  state: {
    Total: []
  },
  mutations: {
    setTotal(state, value){
      this.state.Total.push(value);
    }
  }
});

If you want to export mutations for testing reasons, you can do so by defining them before and then still assign them in Vuex store.

answered Feb 7, 2020 at 9:13

oshell

9,1511 gold badge31 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

State array push in vuex is not a function error

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