美文网首页
vue中watch监测对象内部内容

vue中watch监测对象内部内容

作者: sunweinan | 来源:发表于2017-10-13 16:33 被阅读0次

watch

vue使用者在使用watch时经常会遇到很多坑,其中监测对象有时会监测不到

1.对象具体属性的watch

首先当watch的属性是对象时,有时会监测不到对象内部键值对的变化,此时我们需要在计算属性computed中添加变化键值对产生的变化

例:

此时我们可以监测到pokerHistory的变化

2.deep

如果我们想要监测对象本身而不是对象内部的键值对时,可用deep:true对对象进行监测

watch:{

    bet:{

             handler: function(newValue,oldValue){ 

                      console.log(newValue) 

              }  ,

             deep: true

     }

}

以上两种情况均可实现对对象内部内容的监测,即当对象内部内容变化时,会触发watch中的事件

相关文章

网友评论

      本文标题:vue中watch监测对象内部内容

      本文链接:https://www.haomeiwen.com/subject/ixmzyxtx.html