Как вернуть объект к начальному состоянию?

Question

[fantazerno]

Обычный объект в data у Vue.js

data() {
    return {
      info : {
        state1:10,
        state2:20,
        state3:30,
      }
    }
  }

По ходу работы значения свойств у объекта меняют. Как лучше реализовать возможность возвращения объекта info в начальное состояние.

Comments

[Somewhere Intech]

Сохранить копию объекта в onCreated?

Answer 1

[Антон Антон]

function initialData () {
  return {
    info: {
      state1: 10,
      state2: 20,
      state3: 30
    }
  }
}

export default {
  data () {
    return initialData()
  },
  methods: {
    flush () {
      const data = initialData()
      Object.keys(data).forEach(key => {
        this[key] = initialData[key]
      })
    }
  }
}

Comments

[fantazerno]

решил через Object.assign({}, info);

Answer 2

[Владимир Боруткин]

initialState () {
this.info: {
state1: null,
state2: null,
state3: null
}
}

Вызываете метод в нужном месте.
Проитерироваться по обьекту тоже никто не мешает

Comments

[fantazerno]

Данное решение, сотрет значения свойств, а нужно вернуться к начальным значениям != пустым

[Владимир Боруткин]

смысл в том что вам нужно сделать копию объекта изначального

а в значениях хоть нулы хоть что-то другое.

[Ярослав Иванов]

Владимир Боруткин, ссылка теряется