在含有数组的时候,不知道watch里该如何写,可以监听单个属性值的变化(而不是监听整个数组的变化)。代码如下:data:{items:{[{'name':'zxxxx','a':false,'b':true},{'name':'zxxxx','a':false,'b':true},{'name':'zxxxx','a':false,'b':true}];}},watch:{items:{handler:function(val,old){//code...},deep:true}}如果items里没有数组结构,直接是键值对,watch里可以写成items.key,但是有了数组,不知道该怎么写了。上面的代码是深度监听,不仅过重,有时甚至无法达到想要的效果。求指教~
查看完整描述
TA贡献1810条经验 获得超5个赞
如果你要监听某个索引的某个属性也是能写的。。。watch:{'items.2.name':foo}如果是所有子项的某类属性,先使用计算属性做个计算(比如字符串全部拼接,数字求和),然后watch这个计算属性,来获取属性变化的实际,但是不能准确具体的拿到变化的值的位置信息(index、key)。然后我觉得你可以换种解决方式,你的最终逻辑目的是什么,值的变化是什么引起的?能不能从操作的地方入手,比如是用户使用input修改了这个值,能不能提交的时候直接提供index和key属性,直接获取变化位置呢? 查看完整回答
TA贡献1802条经验 获得超4个赞
除了一个一个写外,比如监听数组0中的name,就写成'items.0.name',显然这不现实。还有一个方法是将你要用到的数组中的数据写在computed中,然后去监听这个computed的值,当数组变化时也会触发watch。computed:{itemsA:function(){leta=this.items.forEach(()=>XXX)returna}}watch:{itemsA:{handler:function(val,old){console.log(val,old)},}}, 查看完整回答