1. 程式人生 > >vue(資料改變,DOM不渲染問題)

vue(資料改變,DOM不渲染問題)

1、元件內部,屬性值地址空間內引用地址改變,DOM不能渲染。

     問題舉例:this.items = [[],[],[],[]]


1、在items 中,修改任意一項陣列中的值,DOM是不會更新的,
2、解決方案: this.items = [...this.items]。通過解構賦值,重新給items賦值。

2、元件之間傳值,父元件傳data改變,子元件未更新。

1、子元件中在mounted中對父元件傳的值,進行了判斷等相關處理,通過改變子元件自身定義的狀態實現效果。
    
   此時,父元件值更新,子元件不重新渲染,是因為,父元件值改變子元件不會走mounted的生命週期。

   處理方案:
    使用watch監聽父元件傳的值,當值改變的時候,進行對應操作。
2、推薦使用:
    子元件中直接使用父元件傳的值,如需型別轉換或者簡單判斷,直接通過三目運算子判斷使用,就省去了對            父元件傳值的監聽步驟。