uniapp 小程序使用watch
时间: 2023-08-01 11:13:16 浏览: 211
在uniapp小程序中,可以使用watch来监听data中某个属性的变化,并且在变化时执行相应的操作。具体使用方法如下:
1. 在组件或页面的data中定义要监听的属性,例如:
```
data() {
return {
message: '',
count: 0
}
}
```
2. 在组件或页面的watch中监听该属性,例如:
```
watch: {
message(newVal, oldVal) {
console.log('message changed:', newVal, oldVal)
},
count(newVal, oldVal) {
console.log('count changed:', newVal, oldVal)
}
}
```
3. 在组件或页面中修改该属性时,watch会自动触发相应的操作,例如:
```
methods: {
updateMessage() {
this.message = 'Hello, world!'
},
increaseCount() {
this.count++
}
}
```
当调用updateMessage方法时,watch会输出'message changed: Hello, world! ,'。当调用increaseCount方法时,watch会输出'count changed: 1, 0'。
需要注意的是,watch监听的属性必须在data中先声明,否则无法触发相应的操作。同时,如果需要监听数组或对象的变化,需要使用深度监听。
阅读全文