CODEWITHSUNDEEP
javascriptpolymerpolymer-3.x
Saksham Sondhi
Saksham Sondhi

Reputation: 1

How do I observe property changes in Polymer 3?

How do I implement continuous checking (time based) of a property-change in a component using an event listener in Polymer 3?

These are my component's properties:

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

Upvotes: 0

Views: 205

Answers (1)

tony19
tony19

Reputation: 138266

You could use a complex observer that is called whenever any of the specified properties change. To do this, declare an observers getter that returns a string array, where each string is the observer method name, followed by a list of dependencies (i.e., properties to be observed) in parentheses:

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

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

demo

Upvotes: 1

Related Questions