小程序 | 微信小程序observers属性监听器

可爱也不是你的小小妮

已于 2022-09-13 14:34:36 修改

阅读量6.7k

点赞数 1

文章标签：小程序微信小程序 javascript 前端

于 2022-05-09 14:23:36 首次发布

本文链接：https://blog.csdn.net/Miracle_nx/article/details/120267650

版权

微信小程序从2.6.1版本开始支持observers数据监听器，用于监听和响应属性、数据字段变化。当需要在数据字段改变时执行特定操作，如保持数据字段间的特定关系时，数据监听器非常有用。它支持监听多个字段，甚至子数据字段，并能通过**通配符监听所有数据。然而，注意避免在监听器中使用setData引起死循环，且其性能优于属性的observer。

摘要由CSDN通过智能技术生成

数据监听器
数据监听器可以用于监听和响应任何属性和数据字段的变化。从小程序基础库版本 2.6.1 开始支持。

使用数据监听器
有时，在一些数据字段被 setData 设置时，需要执行一些操作。

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

组件内使用observers数据监听器：

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