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！

__EOF__

本文作者：彬在俊
本文链接：https://www.cnblogs.com/erlou96/p/16878502.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！