vue 中 watch 监听 Object对象 变化
针对Object对象,如:
# Object 监听值 tobj:{ 'a':1 }
第一种
watch: { tobj(new_value,old_value){ console.log(new_value,old_value) } }
上面的写法只会监听tobj是否有值的变化,如果内部,如a的值发生了变化,不会触发watch
第二种
watch: { tobj:{ handler(new_value,old_value){ console.log(new_value,old_value) }, deep: true } }
添加deep属性,向下添加监听到每一个key,deep默认是false
这种可以监听a的变化,但是这个不能由单一改变一个值触发watch,例如:
tobj['a']=2
就不会触发watch
如果需要改变内部值并且触发watch,需要用Vue.$set
this.$set(tobj,'a',2)
如此,便可以触发watch!
- 上一篇 »Angular.js中使用$watch监听模型变化
- 下一篇 »vue--监听器