dialog - 如何在关闭或关闭时执行功能聚合物 1.0？

Question

问题：

<paper-dialog>每当我的元素关闭时，如何自动执行函数？

版本：聚合物 1.0

代码：

<paper-dialog id="paper-id"
              entry-animation="scale-up-animation"
              exit-animation="scale-down-animation">
    <sample-element></sample-element>
</paper-dialog>

Answer 1

paper-dialog继承Polymer.IronOverlayBehavior, 有iron-overlay-opened和iron-overlay-closed事件。

<paper-dialog
  on-iron-overlay-opened="_myOpenFunction"
  on-iron-overlay-closed="_myClosedFunction"></paper-dialog>

• https://www.webcomponents.org/element/@polymer/iron-overlay-behavior
• 代码：https ://github.com/PolymerElements/iron-overlay-behavior/blob/master/test/iron-overlay-behavior.html （例如：看看第147行的iron-overload-opened事件）

Answer 2

即使这是老话题，人们仍然应该知道和注意一件事：

我强烈建议您也检查一下event.target您的侦听器功能。例如，如果您有另一个使用iron-overlayinsidepaper-dialog的元素，则关闭该元素将触发 listener on paper-dialog。（你可以试试这个vaadin-date-picker）。

所以：

<paper-dialog on-iron-overlay-closed="_myClosedFunction"></paper-dialog>

然后_myClosedFunction：

_myClosedFunction(e) {
  if(e.target.nodeName == "PAPER-DIALOG") {
    //...toDo stuff...
  }
}

现在您可以保证只要只关闭纸质对话框，您的代码就会被执行