对象属性的watch

data() {
  return {
    tradeData: {
      creator: 'anki',
      GoodsVoList: []
    }   
    }
},
watch: {
  tradeData: {
    handler(newValue, oldValue) {
      console.log(newValue)
    },
    deep: true
  }
}

只要tradeData中的属性发生变化(可被监测到的),便会执行handler函数;
如果想监测具体的属性变化,如GoodsVoList变化时,才执行handler函数,则可以利用计算属性computed做中间层

对象具体属性的watch

data() {
  return {
    tradeData: {
      creator: 'anki',
      GoodsVoList: []
    }   
    }
},
computed: {
  GoodsVoList() {
    return this.tradeData.GoodsVoList
  }
},
watch: {
  GoodsVoList(newValue, oldValue) {
    console.log(newValue)
  }
}
Logo

前往低代码交流专区

更多推荐