javascript - Polymer:监听外部事件

Question

我们正在将 Polymer 1.0 组件引入到用 vanilla JS 编写的遗留系统中。一些新组件需要很好地发挥作用并与现有逻辑交互。由于我们无法自由地以“聚合方式”对整个应用程序进行组件化(聚合)，因此我们在事件处理/消息传递方面遇到了一些挑战。

例如，假设有一个页面，其中有一个用 vanilla JS 编写的待办事项选择器，以及一个用 Polymer 编写的详细信息组件。此外，todo 选择器是 Polymer 详细信息组件的同级组件。当用户检查待办事项时，关联的 polymer 组件将显示一个包含该待办事项详细信息的选项卡。如果选中多个待办事项，则会显示多个选项卡。同样，如果关闭选项卡，选择器上的关联待办事项将变为未选中状态(需要双向通信)。

将事件监听器附加到可以响应从选择器分派(dispatch)的“外部”事件的 Polymer 详细信息组件的最佳方法是什么？对于另一个方向，我相信我们可以从 Polymer 组件“触发”一个事件。

Answer 1

您可以指定组件响应的监听器列表:

  listeners: {
    // `click` events on the host are delegated to `tapHandler`
    'tap': 'tapHandler'
  },

更多信息请参阅正确的 Documentation section