vue2watch监听对象
时间: 2023-11-11 10:58:17 浏览: 171
vue watch关于对象内的属性监听
5星 · 资源好评率100%
在 Vue2 中,可以使用 $watch 监听一个对象的属性,并在值改变时触发回调函数。具体的用法为:
```
vm.$watch('obj.prop', function (newVal, oldVal) {
// do something
})
```
其中,'obj.prop' 是需要监听的属性路径,newVal 和 oldVal 分别表示新值和旧值。
如果需要监听多个属性,可以使用 $watch 的第一个参数是一个函数的形式:
```
vm.$watch(
function () {
return {
prop1: this.obj.prop1,
prop2: this.obj.prop2
}
},
function (newVal, oldVal) {
// do something
},
{ deep: true }
)
```
在这个例子中,$watch 监听的是一个函数,返回一个对象,包含了需要监听的属性。当这些属性中的任意一个值改变时,回调函数就会被触发。
阅读全文