vue watch物件內的屬性

2021-08-14 18:34:10 字數 493 閱讀 3277

vue可以通過watch監聽data內資料的變化。通常寫法是:

new

vue(

},watch:

}})

但是如果你要監聽的資料是物件內的某一屬性,直接watch物件的屬性(eg:msg.channel)就會報錯了

而監聽整個物件的時候(eg:msg)會發現無論何時newval和oldval的值都是一樣的,這是因為msg這個物件的指向並沒有發生改變,所以需要深度監測

watch: ,

deep: true

}}

如果監聽物件內的某一具體屬性,可以通過computed做中間層來實現

computed: 

},watch:

}

Vue watch 監聽物件中的屬性

vue 提供了乙個 watch 方法讓使用者監聽 data 內的資料變動,觸發相應的方法 querydata 注 下面 watch 後的函式上都可以拿到 新值和老值 function val,oldval 現在需要監聽這個 querydata,我們可以這樣做 watch deep true 裡面的d...

Vue Watch 偵聽器屬性

watch vm.watch exporfn,callback,options 用法 鍵路徑 vm.watch a.b.c function newval,oldval 函式 vm.watch function function newval,oldval 沒有快取性,更多的是觀察的作用,可以監聽某...

vue watch如何同時監聽多個屬性

vue watch如何同時監聽多個屬性 最近在做vue的專案,在使用watch監聽屬性的時候發現需要同時監聽三個屬性,作為剛入門的小白,只接觸過監聽乙個屬性,上網查詢了別人的做法後,找到了解決的方案。第一種方法data watch else name2 function val else 這個方法就...