gpt4 book ai didi

polymer-1.0 - 聚合物 1.0 自定义火灾事件未捕获

转载 作者:行者123 更新时间:2023-12-02 01:36:03 24 4
gpt4 key购买 nike

我无法捕获从 my-login 元素触发的自定义事件,该事件带有指向 my-overview 元素的按钮。我真的不知道为什么这不起作用。

index.html

<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="login">
<paper-material id="pmLogin" elevation="1">
<paper-toolbar>
<h1 class="paper-font-display1"><span>Login</span></h1>
</paper-toolbar>
<my-login id="elLogin"></my-login>
</paper-material>
</section>

<section data-route="overview">
<paper-material id="pmOverview" elevation="1">
<paper-toolbar>
<h1 class="paper-font-display1"><span>Overview</span></h1>
</paper-toolbar>
<my-overview id="elOverview"
on-call-overview-refresh="reloadOverview">
</my-overview>
</paper-material>
</section>
</iron-pages>

my-login.html

routeTo: function(route) {
var app = document.querySelector('#app');
app.route = route;
this.fire('call-overview-refresh');
},

my-overview.html

reloadOverview: function() {
...
}

最佳答案

简而言之,您需要声明 on-*实际触发自定义事件的元素上的事件处理程序 - 在本例中为 <my-login> .

看到你的 <iron-pages>index.html 中,我想标记包含在 <template is="dom-bind"></template> 中?如果是这样的话,你的 index.html可能看起来像这样:

<template id="app" is="dom-bind">
...
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="login">
<paper-material id="pmLogin" elevation="1">
<paper-toolbar>
<h1 class="paper-font-display1"><span>Login</span></h1>
</paper-toolbar>
<my-login id="elLogin"
on-call-overview-refresh="callReloadOverview"></my-login>
</paper-material>
</section>

<section data-route="overview">
<paper-material id="pmOverview" elevation="1">
<paper-toolbar>
<h1 class="paper-font-display1"><span>Overview</span></h1>
</paper-toolbar>
<my-overview id="elOverview"></my-overview>
</paper-material>
</section>
</iron-pages>
...
</template>

<script>
window.addEventListener("WebComponentsReady", function (e) {
var app = document.querySelector("#app");
app.callReloadOverview = function () {
app.$.elOverview.reloadOverview();
}
...
});
</script>

在上面的片段中,当<my-login>触发 call-overview-refresh事件,callReloadOverview()函数将被调用,它依次调用 <my-overview>reloadOverview()方法。

关于polymer-1.0 - 聚合物 1.0 自定义火灾事件未捕获,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31219349/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com