polymer - 在Polymer 2.x中使用Polymers自己的行为

标签 polymer polymer-2.x

我正在试验Polymer 2.x,我不了解的是如何在Polymer 2.x中使用Polymers自己的行为,以iron-resizable-behavior为例。

Polymer 2.0升级指南告诉我们,对于我们自己的组件,我们应该使用类表达式mixins。很好,但是 polymer 自身的行为如何?他们是在改写为mixin的过程中还是保持不变?有一种Polymer.mixinBehaviors方法,似乎允许我使用Polymer 1.x mixins。这是最终解决方案还是中间步骤?

换句话说:尽管我们被告知对自己的组件使用mixins,但将Polymer行为视为 Polymer 2.x 吗?

资料来源:

https://www.polymer-project.org/2.0/docs/upgrade#upgrading-to-class-based-elements

Applying Behaviors with JS Mixins in Polymer 2

最佳答案

我认为Polymer对此有一个API。我认为这是dedupingMixin
下面是一个如何为自己的行为创建混合以及如何在元素类中使用混合的示例。

var MyBehaviorMixin = Polymer.dedupingMixin(function(superClass){
  return class MyBehavior extends superClass {
    constructor() {
      super();
    }

    methodInBehavior() {
      return "this method is defined in Behavior";
    }
  }
}
class MyElement extends MyBehaviorMixin(Polymer.Element){
  constructor(){
    super();
    console.log(this.methodInBehavior());
  }
}

关于polymer - 在Polymer 2.x中使用Polymers自己的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42916271/

相关文章:

css - 将不同样式应用于 Polymer 2.0 Web 组件的多个实例

javascript - Polymer CLI 页面上的多个元素和重复调用

javascript - 如何使用 Polymer 修改自定义全局样式的值?

css - polymer -带有纸质徽章的图标

javascript - 在 FabricJS Canvas 内显示图像时出现 polymer 元素错误

Polymer DomModule 已定义

javascript - 如何将数据从子自定义元素传递回 Polymer 2 中调用它的父元素

javascript - 如何访问Polymer元素模板内js文件中定义的函数?

javascript - 如何对给定日期范围内的值求和

polymer - 用铁页更改页面标题