问聚合物2事件鼓泡
EN

Stack Overflow用户

提问于 2018-03-26 08:22:57

回答 1查看 415关注 0票数 1

根据文档，文件index.html中的函数x(e，d，t)不会被调用，但实际上是。我是不是误会了什么？

dom-element.html

<link rel="import" href="https://polygit.org/components/polymer/polymer-element.html">
<dom-module id="dom-element">
  <template>
    <button on-click="c">Click me!</button>
  </template>
  <script>
    class DomElement extends Polymer.Element {
      static get is() { return "dom-element"; }
      c(){
        /* this.dispatchEvent(new CustomEvent('x',{bubbles:true,composed:true,detail:"We do not need this to work!"})); */
        this.dispatchEvent(new CustomEvent('x',{detail:"yes"}));
      }
    }
    customElements.define(DomElement.is, DomElement);
  </script>
</dom-module>

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
    <link rel="import" href="dom-element.html">
  </head>
  <body>
    <dom-module id="root-element">
      <template>
          <dom-element on-x="x"></dom-element>
      </template>
      <script>
        class RootElement extends Polymer.Element{
          static get is() {return 'root-element'}
            x(e,d,t){
                console.log(d);
              }
        }
        customElements.define(RootElement.is,RootElement);
      </script>
    </dom-module>
    <root-element></root-element>
  </body>
</html>

polymer-2.x

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-30 08:30:13

由<dom-element>在<root-element>中触发的事件<root-element>不跨越阴影区域边界。<root-element>在它自己的影子中侦听一个元素，<dom-element>，它是'x'的发送者，不涉及边界交叉。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49486958

复制

相似问题

问聚合物2事件鼓泡
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物2事件鼓泡EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问聚合物2事件鼓泡
EN