更新一個父元件的計算屬性,在子元件修改prop資料後
P粉633733146
P粉633733146 2024-02-26 11:56:21
0
1
332

我需要製作一個相對複雜的 API 請求對象,其中有大量 UI 元件負責更新對象的不同屬性。

我將基本請求模型作為道具從父元件傳遞給其子元件,子元件將其傳遞給他們的元件(幾代)。

在父級別,我有一個傳回此資料模型的欄位的計算屬性,以及該計算屬性的監視。

當子元件更新模型上的屬性時,它會成功更新引用它的所有位置,但父元件上的計算屬性無法重新計算,因此手錶永遠不會啟動。

我猜我已經錯過了這裡的某個要點,但我無法想像如何在不透過使用者介面訴諸長事件鏈的情況下進行更新。我該如何解決這個問題?

P粉633733146
P粉633733146

全部回覆(1)
P粉993712159

對於任何有類似問題的人 - 從我的研究來看,修改 props 上的參考值似乎不是 VueJS 的預期方法。這很遺憾,因為最初它看起來像是一個非常整潔的模式。

我現在已經實現了 vuex,它運行良好,並且避免了長長的事件線返回 prop 資料的原始所有者。

如果您想按下它,那麼修改物件本身的參考將強制更新鏈。因此(例如)如果您想更新 prop 資料的數組屬性,那麼您不需要「推送」它,而是替換整個數組物件(導致重新計算該數組屬性上具有計算屬性的其他組件)。但再次強調,不建議。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板