小程序开放平台

文档中心
起步
目录
配置小程序
小程序框架
小程序运行时
自定义组件
自定义组件
组件模板和样式
组件构造器
组件间通信与事件
组件生命周期
组件行为
数据监听器
自定义组件扩展
开发第三方自定义组件
基础能力
开放能力
性能优化
转发
事件回调
基础库
调试
数据分析
服务端调试

数据监听器

开发
>
指南
>
自定义组件
>
数据监听器
>
更新时间:2024-11-28 14:22:28

数据监听器

数据监听器可以用于监听和响应任何属性和数据字段的变化。

使用数据监听器

有时,在一些数据字段被 setData 设置时,需要执行一些操作。

例如,

this.data.sum
永远是
this.data.numberA
this.data.numberB
的和。此时,可以使用数据监听器进行如下实现。

Component({
  attached: function() {
    this.setData({
      numberA: 1,
      numberB: 2,
    })
  },
  observers: {
    'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被设置时,执行这个函数
      this.setData({
        sum: numberA + numberB
      })
    }
  }
})

如果需要监听所有子数据字段的变化,可以使用通配符 **

Component({
  observers: {
    '**': function() {
      // 每次 setData 都触发
    },
  },
})