1.vue单独监听一个数组或者一个对象变化

watch:{
 'payList' : {
   handler : function(newVal,oldVal){
    console.log(newVal,'变化后的值',oldVal,‘变化前的值’)
   }
 }
}

2.如果你想监听一个数组中多个对象是否变化,请看这里!

watch:{
  deep:true,//深度监听
  'payList' : {
    immediate:true,
    handler : function(newVal,oldVal){
      console.log(newVal,'变化后的值',oldVal,‘变化前的值’)
    }
  }
}

没错!,添加一个deep:true就可以实现对一个数组中多个对象是否变化进行监听啦😊
3.watch中除了deep外,还有一个属性immediate:

immediate表示在watch中首次绑定的时候,是否执行handle。
值为true则表示在watch中声明的时候,就立即执行handler方法,
值为false,则和一般使用watch一样,在数据发生变化的时候才执行handler。
Logo

前往低代码交流专区

更多推荐