vue.js - 观察对象数组内的数组

Question

我是 vuejs 的新手，我正在尝试制作一个项目/待办事项应用程序。我有一个项目数组，每个项目都是一个包含属性任务的对象，它是一个数组。

请参阅以下内容以了解更多信息：打开图片

如您所见，侧边栏组件将项目数组作为道具，然后创建另一个对象“grps”，这基本上是按类别对项目进行分组的一种方式。

问题是：当其中一个项目任务发生变化时，grps 也不会改变。

我尝试使用手表，但它不起作用。

希望有人可以帮助，提前tnx

标签： vue.jsvuejs2vue-component

Answer 1

当您想要watch嵌套数据（数组或对象）时，您需要在观察者中deep设置true。

我鼓励你阅读关于 watcher 的官方 Vuejs 文档：https ://vuejs.org/v2/api/#watch

在你的情况下，你会有类似的东西：

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