PiLi_Note

Note

0%

Vue监听对象内属性

发表于 更新于 分类于
正常 watch 的写法,data 里的属性可以直接监听
1
2
3
4
5
6
7
8
9
10
11
data() {
    return {
        meters: 1,
        kilometers: "",
    }
},
watch:{
    meters(val) {
        this.kilometers = val * 1000;
    }
}
监听对象内属性
1
2
3
4
5
6
7
8
9
10
11
12
13
14
data() {
    return {
        meters: 1,
        kilometers: "",
        objData:{
            val:1
        }
    }
},
watch:{
    'objData.val'(newVal, oldVal) {
        console.log(`new:${newVal}`,`old:${oldVal}`)
    }
}