微信小程序Component observers监听data数据更新导致死循环bug

使用数据监听器

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

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

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

当我尝试按照以上方法进行监听数据时,错误的设置了

this.setData({
     numberA:numberA,// 文档里面是设置的sum变量,我这里设置了监听的变量
});

导致无限循环监听卡死。这里不需要重新设置setData,因为组件已经获取到了最新的数据。