How to clone a Vuex array?

Question

I have a Vuex array (this.buildings). I can't mutate it directly before turning it into a payload for an api, so I tried to clone it with slice():

const buildingsPayload = this.buildings.slice() 
  buildingsPayload.forEach((building, index) => {
  building.index = index
})

However I'm still getting the Do not mutate vuex store state outside mutation handlers. error.

What's the correct way of doing this?

Evan Trimboli · Accepted Answer · 2017-06-30 03:08:17Z

9

Try something like this:

const buildingsPayload = this.buildings.map((b, idx) => Object.assign({ index: idx }, b));

It will also copy the objects, so you're not modifying the state of those.

answered Jun 30, 2017 at 3:08

Evan Trimboli

30.1k6 gold badges49 silver badges68 bronze badges

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

Collectives™ on Stack Overflow

How to clone a Vuex array?

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