vue可以通過watch監聽data內數據的變化。通常寫法是:
data: { a: 100},watch: { a(newval, oldVal) { // 做點什么。。。 console.log(newval, oldVal) }}
vue監聽整個對象,如下:
•deep: true 深度監測
data: { return { msg: { name: 'hahah', color: 'red' } }}watch: { msg: { handler(newValue, oldValue) { // 做點什么。。。 console.log(newValue) }, deep: true}
如果監聽對象內的某一具體屬性,可以通過computed做中間層來實現:
computed: { name() { return this.msg.name }},watch:{ name(newValue, oldValue) { // 做點什么。。。 console.log(newval, oldVal) }}
總結
以上所述是小編給大家介紹的vue watch關于對象內的屬性監聽的相關知識,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
新聞熱點
疑難解答