VueJS-在子组件修改道具数据后更新父计算属性



我需要制作一个相对复杂的API请求对象,其中有大量的UI组件负责更新对象的不同属性。

我将基本请求模型作为一个道具从父组件传递给它的子组件,子组件将其传递给他们的子组件(向下传递几代(。

在父级,我有一个返回此数据模型的字段的计算属性,以及对该计算属性的监视。

当子组件更新模型上的属性时,它会成功地更新所有引用它的地方,但父组件上计算的属性无法重新计算,因此监视永远不会激活。

我想我已经错过了这一点,但我想不出如果不通过UI使用长事件链,该如何更新。。我应该如何处理这个问题?

对于有类似问题的人来说——根据我的研究,修改道具上的参考值似乎不是VueJS的预期方法。这是一个遗憾,因为一开始它看起来是一个相当整洁的模式。

我现在已经实现了vuex,它运行得很好,避免了一长串事件返回到道具数据的原始所有者。

如果你想按下它,那么修改对象本身的引用将强制更新。因此(例如(如果你想更新道具数据的数组属性;推动";对于它,您将替换整个数组对象(导致在该数组属性上具有计算属性的其他组件重新计算(。但同样,不推荐使用。

最新更新