Смотреть массив внутри массива объектов

Question

Я новичок в vuejs и пытаюсь создать приложение для проектов / задач. У меня есть массив проектов, каждый проект - это объект , который содержит свойство tasks witch - это массив.

см. Ниже, чтобы понять больше: open image

Как вы можете видеть, компонент боковой панели получает массив проектов в качестве реквизита, а затем создает другой объект "grps", который является основным способом группировки проектов по категориям.

проблема в том, что при изменении одного из заданий проекта GRPS также не меняется.

Я пытался использовать watch , но он не работал.

Надеюсь, что кто-то может помочь, tnx заранее

Answer 1

Если вы хотите watch вложенные данные (массив или объект), вам нужно установить deep в true в вашем наблюдателе.

Я рекомендую вам прочитать официальную Vuejs do c о наблюдателе: https://vuejs.org/v2/api/#watch

В вашем случае у вас будет что-то подобное:

watch: {
  element: {
    deep: true,
    handler: function (val, oldVal) {
      console.log('updated')
    }
  }
}