Как на лету в Object добавить Object?

Question

[Gorynn]

Имею Object , который выглядит как структура разделов ( развернутый Object). Из данного Object вытягиваю данные по select-ам с зависимостями.
Необходимо при клике на кнопку в данный Object скопировать полностью его 0 элемент. Т.е что должно получится .
Прошу посодействовать в решении данного вопроса, примеры, ссылки, документация функций или методов через чего можно обвернуть это.
Если необходимо уточнить какие то вопросы, задавайте

Answer 1

[Alex Karo]

Если я проблема только в копировании объекта, то она обычно решается через
Object.assign({}, originalObject)
В данном случае

object.config.internalChannel.channels[1] = Object.assign({}, object.config.internalChannel.channels[0])

Или нужно что-то более хитрое?

Comments

[Gorynn]

Проблема в том что при таком способе добавления. Vue не считает что данный объект является реактивным... Ваша идея натолкнула меня на использование this.$set документация
Но появилась другая проблема, не отрисовка... https://i.imgur.com/mmDGg3w.png

[Gorynn]

Отрисовку решил Async функцией (await this.$nextTick();) и переинициализацией плагина

Answer 2

[2perca]

Spread syntax вам поможет
код выглядел бы примерно вот так:

this.config.internalChannel.channels = {
  ...this.config.internalChannel.channels,
  1: this.config.internalChannel.channels[0]
}

Answer 3

[Gorynn]

Стояла задача на лету добавлять объект в объект для реактивности данных на VueJs.
Задачу решил асинхронной функцией через this.$set();
Об этом можно почитать в документации, абзац Асинхронная очередь обновлений
Не могу точно гарантировать что такой вариант правильный, но работает.