@roman94

Как динамически свернуть элемент в Vue js?

Возникла проблема. В компонент из Vuex приходит массив категорий и под категорий, задача - вывести все это в виде дерева.
В хуке mounted самого приложения делаю запрос на сервер, все что пришло - записывается в поле state. Далее, в самом компоненте если вычисляемое свойства, в котором я получаю данные из Vuex
return this.$store.getters.products;
В итоге вывожу его динамически через цикл. Но не могу добитьcя того, чтобы при клике на иконку элемент сворачивался и разворачивался. Повесил на иконку обработчик @click в котором меняю свойство данной категории open. Свойство меняется (проверял в консоли) элементы не реагируют

Может быть из-за этого?
вычисляемые свойства кешируются, основываясь на своих зависимостях


Как можно решить данную проблему?
  • Вопрос задан
  • 174 просмотра
Решения вопроса 1
@roman94 Автор вопроса
Помогло следующее

При добавлении новых свойств объекту необходимо либо:

Использовать Vue.set(obj, 'newProp', 123), или

Целиком заменить старый объект новым.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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