Https://Codesandbox.Io/S/Vigilant-Glade-1ouw6?File=/Src/Components/Nav.Vue Рендерю список из массива. Есть компьютед свойство, которое в зависимости

Question

Https://Codesandbox.Io/S/Vigilant-Glade-1ouw6?File=/Src/Components/Nav.Vue Рендерю список из массива. Есть компьютед свойство, которое в зависимости

от флага isOverflow в дате, рендерит или полноценный список либо список на основе модифицированного массива.
Есть кнопка через которую я меняю значение isOverflow на противоположное.

Вопрос вот в чем:
1) если по умолчанию, непосредственно в коде, я устанавливаю значение isOverflow = false , а потом через клик на кнопку меняю значение isOverflow = true - происходит перерендер шаблона. Кликаю еще раз по кнопке, то есть isOverflow = false - ничего не происходит.
2) если по умолчанию isOverflow = true , при клике на кнопку не происходит ничего.

Подскажите, пожалуйста, в чем кроется ошибка.

#programming #russian #vue.js

0

13.02.2022

2 ответов

20 просмотров

Ivan Автор вопроса

Alexander
ты меняешь исходный массив. В Nav.vue 41 строчка н...

Спасибо, после того как описал проблему , понял что массив как и объект по ссылке копируется. Деструктуризировал его в новую переменную и проблема решилась

0

13.02.2022

Alexander · Accepted Answer

Alexander

ты меняешь исходный массив. В Nav.vue 41 строчка напиши let newArr = JSON.parse(JSON.stringify(this.propArr));

0

13.02.2022

169 похожих чатов

Https://Codesandbox.Io/S/Vigilant-Glade-1ouw6?File=/Src/Components/Nav.Vue Рендерю список из массива. Есть компьютед свойство, которое в зависимости

2 ответов

Похожие вопросы