98  
查询码:00000584
vue 监听的几种方法
作者: 陈婉 于 2020年04月01日 发布在分类 / 人防组 / 人防前端 下,并于 2020年04月01日 编辑

简单类型的监听:数字、字符串、布尔.......

watch: {
    data(val, newval) {
        console.log(val)
        console.log(newval)
    }
}

复杂类型:数组、对象

watch: {
    docData: {
        handler(newVal) {
            this.change_number++
        },
        deep: true
    }
}

监听对象中的某个属性是否发生变化

watch:{
    'innerInfo.phone':{
        handler(val){
        }
    }
},

当数据发生变化时,可以这样执行changeData()方法

watch: {
    data: 'changeData' // 值可以为methods的方法名
},
methods: {
    changeData(curVal,oldVal){
   conosle.log(curVal,oldVal)
  }
}



 推荐知识

 历史版本

修改日期 修改人 备注
2020-04-01 16:53:34[当前版本] 陈婉 创建版本

  目录
    知识分享平台 -V 4.8.7 -wcp