polymer - Polymer 3 使用行为的方式是什么？

Question

在 Polymer 3 中使用 iron-overlay-behavior 的正确方法是什么。这不应该像扩展类一样简单吗？但我不确定，因为我的组件已经扩展了 PolymerElement。

任何简单的例子都应该有所帮助。

Answer 1

你看过Polymer.mixinBehaviors()辅助函数吗？从 Polymer 2 开始，行为被 mixins 取代，据我所知，版本 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) {
  ...
}

Answer 2

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-behaviors-with-class-style-elements