添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
慈祥的饺子  ·  linux定时任务 ...·  1 月前    · 
坚韧的竹笋  ·  Acrobat DC 2019 ...·  3 月前    · 
在含有数组的时候,不知道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)
},
}
},
                            
查看完整回答