Vue --》this.$set()的神奇用法 Vue --》this.$set()的神奇用法
阿新 • • 發佈:2022-04-18
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("陣列","下標","值")