Как Polymer 3 использует поведение?

Question

Как правильно использовать поведение наложения железа в Polymer 3. Разве это не должно быть так просто, как расширение класса?Но я не уверен, потому что мой компонент уже расширяет PolymerElement.

Любой простой пример должен помочь.

Answer 1

import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';

class MyClass extends mixinBehaviors([MyBehavior], PolymerElement) { ... }

из https://polymer -library.polymer-project.org / 3.0 / docs / devguide / registering-elements # using-legacy-поведенческие-с-классом-style-elements

Answer 2

Вы смотрели на вспомогательную функцию Polymer.mixinBehaviors()?Поведения заменены миксинами, начиная с Polymer 2, и, насколько я могу судить, версия 3 не вносит никаких изменений в этом отношении.

Вот как вы должны использовать iron-overlay-behavior в элементе Polymer 3:

import {PolymerElement} from '@polymer/polymer';
import {IronOverlayBehavior} from '@polymer/iron-overlay-behavior';
import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';

class MyOverlay extends
  mixinBehaviors([IronOverlayBehavior], PolymerElement) {
  ...
}