最近发现在vue中使用watch监听对象或者数组时,当数组或者对象只是单一的值改变时,并不会出发watch中的事件。

在找问题过程中,发现当数组使用push一类的方法时,会触发watch,如果只是单一改变,如object[index] = newData,并不会触发,而对象同理。

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

解决方法:

使用vue的set方法

即 this.$set(Object,index,newdata) 

Object为你需要改变的数组,index为要改变的数组下标,newdata为新值。

这样的话,watch中的监听事件就会被触发。

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄