我使用的是 polymer 入门套件,默认情况下,paper-toolbar
上有一些 paper-icon-buttons
。
<body unresolved class="fullbleed layout vertical">
<template is="dom-bind" id="app">
<paper-drawer-panel id="paperDrawerPanel" forceNarrow>
<paper-header-panel main mode="flex">
<!-- Main Toolbar -->
<paper-toolbar id="mainToolbar">
<!-- Toolbar icons -->
<paper-icon-button icon="search"></paper-icon-button>
<paper-icon-button icon="refresh" on-tap='refreshTapped'></paper-icon-button>
</paper-toolbar>
</paper-header-panel>
</paper-drawer-panel>
</template>
<script src="scripts/app.js"></script>
如何在刷新按钮上添加 on-tap
监听器?
我尝试在 scripts/app.js
中添加监听器方法,如下所示,但仍然找不到该方法。
function refreshTapped(){
document.querySelector('#myDialog').toggle();
}
当我单击按钮时,我会在浏览器控制台上看到以下内容:
`[dom-bind::_createEventHandler]: listener method `refreshTapped` not defined`
最佳答案
打开“scripts/app.js”文件并添加您的函数,如下所示:
app.refreshTapped = function() {
console.log('tapped');
}
就像已经存在的 app.onMenuSelect 示例
关于javascript - 我在哪里放置 dom-bind 模板上按钮的监听器方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31712799/