Question

我创建这样的Web组件：

class P3ELayout extends PolymerElement {

     static get template() {
         return html`
              <slot name="app"></slot>;
         } 
    }

    tapButton(evt) {
         console.log(evt);
    }
}

在索引中，我创建了这个组件：

<body>
<p3e-layout>
    <div slot="app" >
        <app-header-layout fullbleed>
            <app-header reveals>
                <app-toolbar>
                    <div main-title>P3E</div>
                    <paper-icon-button icon="icons:account-circle" on-click="tapButton"></paper-icon-button>
                </app-toolbar>
            </app-header>
            <div class="layout-container layout-horizontal">
                <div class="layout-vertical layout-flex-auto layout-content">
                    content
                </div>
            </div>
        </app-header-layout>
        <app-drawer id="settingDrawer" align="right" swipe-open>
            setting-drawer
        </app-drawer>
    </div>
</p3e-layout>
</body>

我希望附加在按钮的单击事件上，但是tapButton永远不会触发。我可以附加插槽内的组件事件吗？

如何在插槽内的组件中附加事件

0 个答案: