vue 父元件props傳值子元件時 的更新問題

東方孤獨發表於2020-12-08

問題描述:
父元件通過props的形式傳值到子元件,子元件獲取的數值可以更新,但檢視不更新

解決方法:
方法1.在子元件中監聽此prop屬性,並在nexttick中呼叫更新方法,子元件中如下圖監聽prop物件originData,update方法為子元件自己的更新方法,如引入的時vue則無需註解形式,直接監聽即可
在這裡插入圖片描述
方法2.可以考慮計算屬性,同事也有同樣問題,計算解決,區別點在,計算屬性時需單獨定義計算屬性,而且計算屬性需要定義get與set方法,容易造成誤解,此處待更新完善

相關文章