vue监听对象及对象属性问题

2019-11-15,,,

监听整个对象,使用watch就行

export default {
  data() {
    return {
      a: {
        b: 1,
        c: 2
      }
    }
  },
  watch() {
    a: {
      handler(newVal, oldVal) {
        console.log('监听a整个对象的变化');
      },
      deep: true
    }
  }
}

监听对象中具体属性的变化,需要使用watch配合computed

export default {
  data() {
    return {
      a: {
        b: 1,
        c: 2
      }
    }
  },
  watch() {
    bChange() {
      console.log('监听a对象中b属性的变化');
    }
  },
  computed: {
    bChange() {
      return this.a.b;
    }
  }
}

您可能感兴趣的文章:

  • 关于vue中watch检测到不到对象属性的变化的解决方法
  • Vue2 监听属性改变watch的实例代码
  • vue watch监听对象及对应值的变化详解
  • 使用watch监听路由变化和watch监听对象的实例
  • 详解vue2.0监听属性的使用心得及搭配计算属性的使用
  • 解决Vue2.0 watch对象属性变化监听不到的问题

《vue监听对象及对象属性问题.doc》

下载本文的Word格式文档,以方便收藏与打印。