具有Function属性的Polymer 2.0自定义元素

时间:2018-02-02 01:38:02

标签: polymer-2.x

我正在尝试使用函数属性创建一个聚合物2.0自定义元素。但是无法找到一个可以参考的例子。 Polymer 2.0文档提到"功能"作为受支持的属性,但没有可用的语法/示例。 有人能指出一个回调函数作为属性传递的例子吗? 需要将回调函数传递给元素。例如



<custom-element size = "20" response = "callback"></custom-element>
class CustomElement extends Polymer.Element {
      static get is() { return 'custom-element'; }
      static get properties() {
        return {
          prop1: {
            type: String,
            value: 'firebasetest-element'
          },
              callback:
          {
               type: Function,
               notify: true
          }
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

我不知道这是你在说什么,但你可以使用这样的方法来使用数据绑定:

<my-element some-attribute="[[myMethod(observerProperty.subProperty)]]"></my-element>

并在您的方法声明中:

myMethod() {
  var something = "can be anything"
  return something
}

有了这个,你的&#34; someAttribute&#34; my-element的属性将是一个字符串&#34;可以是任何&#34;,并且随时调用myMethod&#34; observerProperty.subProperty&#34;变了。