@fantazerno

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

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

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


По ходу работы значения свойств у объекта меняют. Как лучше реализовать возможность возвращения объекта info в начальное состояние.
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
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]
      })
    }
  }
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Atanvar
@Atanvar
Frontend developer
initialState () {
this.info: {
state1: null,
state2: null,
state3: null
}
}


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы