javascript - 函数属性不是 Polymer 中的函数

Question

我正在为我的项目使用 Polymer 框架，其中我在属性中声明函数回调并尝试从另一个函数调用它。但在访问它时我收到错误:

Uncaught TypeError: this.callback is not a function

请看一下这个。

Polymer({
  is: "parent-dom",
  properties: {
    people: {
      type: String,
      value: "df"
    },
    item: {
      type: String,
      value: "asdf",
      notify: true
    },
    callback: {
      type: Object,
      value: function(index) {
        console.log("Inside  callback function");
      }
    },

  },
  showTargetColorDialog: function(e) {
    this.callback("sadf");
  }
});

Answer 1

您能否提供有关您想要实现的目标的更多详细信息，因为将 polymer 属性指定为函数这不是很常见的情况？

因此，您可以在元素上声明公共(public)方法，就像使用 showTargetColorDialog 所做的那样，并且可以像这样访问它们:

document.querySelector('parent-dom').showTargetColorDialog();

但这又不是非常“polymer 方式”。

要回答您的原始问题，如果您确实需要将回调设置为 polymer 属性(我仍然不确定为什么)，但您可以:

callback: {
  type: Object,
  value: function() {
    return function(index) {
        console.log("Inside callback function ", index);
    };
  }
},

然后你就可以调用 this.callback('something');