父组件对象变化子组件怎么监听???
发布于 7 年前 作者 axl-axl 7187 次浏览 最后一次编辑是 7 年前 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

我父组件当中有个对象通过props传入到子组件,子组件怎么用watch监听,子组件当中的props是改变了的,但是我需要在这个对象修改的时候执行一段js,所以用watch监听这个props但是监听不到。 我做了两个尝试: 1.因为vue不允许子组件直接修改prop所以我在子组件新建了一个data来接受props,然后用watch来监听这个新对象失败,监听这个props还是失败。 2.因为我这个是对象所以我用的是深度监听还是失败。 父组件代码

data(){
return{
updateData:{}//后面会异步修改这个对象对象结构是{  xx:'222','xxx2':{name:xxx,data:[[ss,333],[333,555]]}  }
}
}

子组件代码

props:['updateData']
data(){
return {
updateDataSon:this.updateData
}
}
watch:{
updateData:{
deep:true,
handler:function(oldV,newV){
//执行js操作
}
}

}
回到顶部