Swapping Layouts moving dash-item about vue-responsive-dash HOT 2 CLOSED

Further update, I just found that it is caused because the id 1 is used in both layouts. If I change the id on the second layout to 5 it seems ok, so when swapping layouts, it seems it is incorrectly "remembering" the id from the previous layout.

from vue-responsive-dash.

Hi @peterjslater,

This error is most likely down to how vue insert's/removes components during a single cycle. As the id is used in both layouts i can see the potential for corruption. See solution below which takes advantage of the nextTick https://vuejs.org/v2/api/#mounted. Note i am clearing the layouts waiting for next tick and then changing to the new desired layouts. Thus giving vue time to remove the components (and therefore the dash items) before re-inserting them

https://codesandbox.io/s/vue-responsive-dash-3zorp

from vue-responsive-dash.