https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/observer.html
数据监听器可以用于监听和响应任何属性和数据字段的变化。
示例:监听一个数据字段的变化
其中 num 表示要监听的数据,后面函数有一个参数,参数值是新的数据。
点击按钮,更新数据,触发了数据监听器,打印出了新的数据:
示例:监听2个数据字段的变化
// components/custom04/custom04.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
num: 10,
count: 100,
obj: { name: 'tom', age: 10 },
arr: [1, 2, 3]
},
observers: {
// 'num': function (newNum) {
// console.log(newNum)
// },
// 'count': function (newCount) {
// console.log(newCount)
// }
'num, count': function (newNum, newCount) {
console.log(newNum, newCount)
}
},
/**
* 组件的方法列表
*/
methods: {
updateData() {
this.setData({
num: this.data.num + 1,
count: this.data.count - 1
})
}
}
})