vue 监听对象时失效 / 监听对象属性改变

info是一个对象

//第一种
watch: {
   info(newValue,oldValue) {
    console.log(newValue)
  }
 }
//第二种
watch: {
   info: {
    handler(newValue, oldValue) {
      console.log(newValue)
    },
    deep: true
  }
 }

区别在于:第一个只有info被重新赋值才有效(v-model绑定info的属性值时监听器不会生效)
第二个当info对象的属性发生改变时就会生效


其他方法:
1.借助计算属性

computed: {
  info() {
    ....
  }
},

2.针对属性进行监听

'info.name'(newValue, oldValue) {
    console.log(newValue)
  }
发布了634 篇原创文章 · 获赞 579 · 访问量 35万+

猜你喜欢

转载自blog.csdn.net/qq_33583069/article/details/104073809