uniapp 监听对象里的某个属性
时间: 2023-09-22 11:06:06 浏览: 208
vue watch关于对象内的属性监听
5星 · 资源好评率100%
在 uni-app 中,你可以使用 `watch` 监听一个对象内的属性。具体实现如下:
1. 在 `data` 中定义需要监听的属性
```javascript
data() {
return {
person: {
name: '张三',
age: 18
}
}
}
```
2. 在 `watch` 中监听 `person` 对象的 `age` 属性
```javascript
watch: {
'person.age': function(newVal, oldVal) {
console.log(`新值:${newVal},旧值:${oldVal}`)
}
}
```
这样,当 `person` 对象的 `age` 属性发生变化时,就会触发该回调函数,并打印出新旧值。
需要注意的是,在监听对象内部属性时,需要使用类似 `'person.age'` 的字符串形式进行监听,否则无法正确监听到属性的变化。
阅读全文