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

【问题标题】：Polymer 2.0 custom element with Function property具有 Function 属性的 Polymer 2.0 自定义元素
【发布时间】：2018-02-04 17:35:21
【问题描述】：

我正在尝试创建具有功能属性的聚合物 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
          }
}

【问题讨论】：

你能说清楚点吗？我可以假设您正在谈论属性静态方法？是吗？ 你为什么不考虑observers属性？
我已经更新了问题

标签： polymer-2.x

【解决方案1】：

我不知道这是否是您在说的，但您可以使用以下方法使用数据绑定：

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

在你的方法声明中：

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

这样，您的 my-element 的“someAttribute”属性将是一个字符串“可以是任何东西”，并且 myMethod 会在“observerProperty.subProperty”发生更改时被调用。

【讨论】：

更新查询。需要在自定义元素中关联回调。