How to add a snapshot of the current state in Vuex?

Question

Vue.js

In store vuex:

const state = {
  filter_list: [], - тут хочу хранить слепки
  filter: { - текущие состояние 2х инпутов, связано через v-model
  input1:'',
  input2:''
  }
}

I want to save the current filter value as a new filter_list element
in a mutation on the button, something like this:

FILTER_SAVE (state) {
  state.filter_list.push({filter: state.filter})
}

the problem is reactivity, when changing the texts in the input, the old recorded objects change
how to organize it correctly? the real challenge is to let the user save their filters

Answer 1

the problem is reactivity, when changing the texts in the input, the old recorded objects change

Yes Yes. This is how it turns out: don't learn JS, use frameworks.
state.filter_list.push({ ...state.filter })