首页 > 其他 > 详细

vue监听对象里的某个属性

时间:2021-04-13 10:23:51      阅读:29      评论:0      收藏:0      [点我收藏+]

1、vue中提供了在watch监听时设置deep:true 就可以实现对对象的深度监听

watch:{
  obj:{ //监听的对象
    deep:true, //深度监听设置为 true
    handler:function(newV,oldV){
      console.log(‘watch中:‘,newV)
    }
  }
}


例如:
data () {
    return {
      obj:{
        name:‘夜空中最亮的星星‘,
        age:18
      }
    }
  },
  watch:{
    ‘obj.name‘:{
      deep:true,
      handler:function(newV,oldV){
        console.log(‘watch中:‘,newV)
      }
    }
  }
 

2、利用computed配合watch实现单个属性的深度监听

data () {
  return {
    obj:{
      name:‘夜空中最亮的星星‘,
      age:18
    }
  }
},
computed:{
  name(){
    return this.obj.name;
  }
},
watch:{
  name(newV){
   console.log(‘watch中name为:‘,newV)
  }
}

 

vue监听对象里的某个属性

原文:https://www.cnblogs.com/C-target/p/14651570.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!