首页 文章

聚合物:听外部事件

提问于
浏览
0

我们将Polymer 1.0组件引入用vanilla JS编写的遗留系统中 . 一些新组件需要发挥良好并与现有逻辑交互 . 因为我们没有自由组件化(聚合)整个应用程序“聚合方式”,所以我们在事件处理/消息传递方面遇到了一些挑战 .

例如,假设有一个页面包含用vanilla JS编写的todo选择器,以及用Polymer编写的详细信息组件 . 此外,todo选择器是Polymer详细信息组件的兄弟 . 当用户检查待办事项时,相关的聚合物组件将显示包含该待办事项详细信息的选项卡 . 如果选中多个待办事项,将显示多个选项卡 . 同样,如果选项卡已关闭,则选择器上的相关待办事项将变为未选中状态(必须进行双向通信) .

将事件侦听器附加到Polymer详细信息组件的最佳方法是什么,该组件可以响应从选择器调度的“外部”事件?对于另一个方向,我相信我们可以从聚合物组件“触发”事件 .

1 回答

  • 1

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

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

    正确的更多信息Documentation section

相关问题