Polymer中Behavior对象属性变更时Observer未触发的问题排查

这个Observer没触发的核心原因是Polymer默认不会自动检测对象内部属性的变化，你的代码里踩了两个Polymer数据观察的常见坑：

1. 直接用原生JS方式修改对象子属性，没使用Polymer提供的变更检测API
2. 未给selectedWidget对象配置深度观察的属性

具体来说：

• 你在changeValuebahviourId里直接写this.selectedWidget.id = (this.selectedWidget.id +1)，这种普通的JS属性赋值操作，Polymer的变更检测机制完全捕捉不到，自然不会触发监听selectedWidget.id的观察者。
• 你的selectedWidget属性定义里只设置了type和value，没开启deep: true配置，即使后续用正确方式修改，也无法让Polymer主动监听对象内部的属性变化。

方案一：用Polymer的set方法修改子属性 #

这是Polymer官方推荐的修改复杂属性（对象、数组）的标准方式，能确保所有绑定和观察者正确触发。修改你的changeValuebahviourId方法：

changeValuebahviourId: function(){
  this.set('selectedWidget.id', this.selectedWidget.id + 1);
}

方案二：为对象开启深度观察 #

在hidding-behaviour.html的selectedWidget属性定义里添加deep: true，这样Polymer会深度监听该对象的所有子属性变化，之后直接赋值也能触发观察者：

Hidding = {
  properties:{
    selectedWidget: {
      type: Object,
      value: {
        item: null,
        id: 0,
      },
      deep: true // 开启深度观察配置
    },
  },
}

方案一的set方法是更轻量化的选择，适合大多数场景；方案二的deep: true适合需要频繁修改对象内部属性的场景，但要注意深度观察会有轻微性能开销，不过对于简单对象来说完全可以忽略。

内容的提问来源于stack exchange，提问作者frontenddevelopper