javascript - 从一个 polymer 组件调用一个函数到另一个

Question

我使用 Polymer、Html 和 Javascript。

我想找到任何简单的方法来从一个 polymer 组件调用另一个 polymer 组件的函数。让我描述一下我想要实现的目标。

我有 polymer 成分myComponent .在这个带有名为 start 按钮的组件容器中:

<button on-click="_start" id="start">XyZ</button>

还有第二个组件(假设它是子组件，因为它在 myComponent 中，我在 _addNew 部分中有函数 <script>。

现在我要开火 _addNew通过单击带有 #start 的按钮来实现功能ID。我的问题是，当一个函数被放置在另一个 polymer 组件中时，如何从一个 polymer 组件调用该函数？

我希望你能理解我。

Answer 1

如果我没理解错的话，基本上您要做的是从一个组件触发并在另一个组件中监听。

所以你从 myComponent 触发，在 _start 方法中像这样:

this.fire('add:new');

然后通过为这个特定的事件名称添加一个监听器来监听其他组件中的 add:new 事件:

listeners: {
   'add:new': '_addNew'
},

如果不够明确，请阅读 Polymer documentation这是一份非常好且解释清楚的文档。

希望对您有所帮助。