Question

我正在尝试为我的界面创建一个错误处理对话框。该对话框将仅显示Iron Ajax的错误消息。我能够访问此消息，并希望当ajax返回错误时触发事件。这是触发事件的代码：

  testError(e) {
    const err = e.detail.request.xhr.response.message;
    this.dispatchEvent(new Event('error'));
  }

这是添加事件侦听器的代码：

  class ErrorHandling extends Polymer.Element {
    static get is() { return 'error-handling'; }
    static get properties() {
      return {
      }
    }
    constructor() {
      super();
      this._boundListener = this.error.bind(this);
    }
    connectedCallback() {
      super.connectedCallback();
      window.addEventListener('error', this._boundListener);
      console.log("connectedCallback ran");
    }
    disconnectedCallback() {
      super.disconnectedCallback();
      window.removeEventListener('error', this._boundListener);
      console.log("disconnectedCallback ran");
    }
    _boundListener(e) {
      console.log("boundlistener ran");
    }

我已经通读了文档，试图弄清为什么它不起作用但没有成功。有什么原因不起作用？

Answer 1

您需要使用Custom Events。通过此操作，您可以添加气泡选项：true，这将使事件气泡向上直至到达窗口。

this.dispatchEvent(new CustomEvent('error', {bubbles: true}));

要接收此事件，您必须register一个事件侦听器：

window.addEventListener('error', this.myEventListener)

触发全球事件Polymer 2

1 个答案: