1. 程式人生 > 其它 >Vue --》this.$set()的神奇用法 Vue --》this.$set()的神奇用法

Vue --》this.$set()的神奇用法 Vue --》this.$set()的神奇用法

Vue --》this.$set()的神奇用法

 

作為一名開發者,我們都知道:

  data中資料,都是響應式。也就是說,如果操作data中的資料,檢視會實時更新;

  但在實際開發中,遇到過一個坑:若data中資料型別較為複雜,方法methods中改變物件的屬性,檢視也就是頁面並不會改變

   原因是vue監聽不到資料型別特別複雜的屬性。

研究了一下  可以使用this.$set()來進行強制更新,進而解決問題

 物件操作:

 三個引數:this.$set("改變的物件","改變的物件屬性","值")

 陣列操作:

 

  三個引數:this.$set("陣列","下標","值")

作為一名開發者,我們都知道:

  data中資料,都是響應式。也就是說,如果操作data中的資料,檢視會實時更新;

  但在實際開發中,遇到過一個坑:若data中資料型別較為複雜,方法methods中改變物件的屬性,檢視也就是頁面並不會改變

   原因是vue監聽不到資料型別特別複雜的屬性。

研究了一下  可以使用this.$set()來進行強制更新,進而解決問題

 物件操作:

 三個引數:this.$set("改變的物件","改變的物件屬性","值")

 陣列操作:

 

  三個引數:this.$set("陣列","下標","值")