Как сделать чтобы переменная в объекте исходного массива не менялась, а менялась только в массиве изменяемых объектов?

Question

[Daniil161rus]

Стек: Vue 3, TS, Element Plus
Есть исходный массив countersDataTable и массив counter_selected, при нажатии в таблице на checkbox, выбранные объекты заносятся в counter_selected, и в таблице можно менять их состояние с помощью switch компонента. Проблема в том, что при изменении состояния внутри counter_selected, оно меняется и в countersDataTable.
Как сделать так чтобы оно менялось только в массиве counter_selected, а при отщелкивании оно возвращалось в исходное состояние массива countersDataTable (если мы не применили это состояние). Также из за этого не получается сделать reset функцию
Вот код: https://element-plus.run/#eyJzcmMvQXBwLnZ1ZSI6Ijxz...

Comments

[WbICHA]

Всё очень просто. Перестать мутировать объекты/массивы.

Answer 1

[Владимир Коротенко]

Используйте методику deepcopy
тогда вы получите разрыв реактивности

Comments

[Daniil161rus]

Благодарю