如何观察聚合物3的性质变化?

时间:2018-07-02 10:33:15

标签: javascript polymer polymer-3.x

如何使用Polymer 3中的事件监听器对组件中的属性更改进行连续检查(基于时间)?

这些是我的component's属性:

static get properties() {
  return {
    longitude: {
      type: Number
    },
    latitude: {
      type: Number
    },
    accuracy: {
      type: Number
    }
  };
}

1 个答案:

答案 0 :(得分:1)

您可以使用一个complex observer,只要任何指定的属性发生变化都将被调用。为此,声明一个observers的getter,它返回一个字符串数组,其中每个字符串都是观察者方法的名称,其后是括号中的依赖项列表(即要观察的属性):

static get observers() {
  return ['_onPropsChanged(longitude, latitude, accuracy)'];
}

_onPropsChanged(longitude, latitude, accuracy) {
  console.log({ longitude, latitude, accuracy });
}

demo