Polymer 聚合物中的定义方法
这有点疯狂 我有一个html代码,在单击时调用函数Polymer 聚合物中的定义方法,polymer,polymer-1.0,Polymer,Polymer 1.0,这有点疯狂 我有一个html代码,在单击时调用函数,,它可以工作 当我想添加另一个函数或重命名同一个函数时(显然也在单击时的调用中),会出现以下错误: [dom-bind::_createEventHandler]: listener method `name of function` not defined 所要做的就是重命名该函数。 你“定义”一个函数是什么 我用的是聚合物1.0 这是给出错误的代码 index.html: <html lang=""> <head&g
,
,它可以工作
当我想添加另一个函数或重命名同一个函数时(显然也在单击时的调用中),会出现以下错误:
[dom-bind::_createEventHandler]: listener method `name of function` not defined
所要做的就是重命名该函数。
你“定义”一个函数是什么
我用的是聚合物1.0
这是给出错误的代码
index.html:
<html lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Polymer Starter Kit" />
<title>ZekTecBell</title>
<!-- Place favicon.ico in the `app/` directory -->
<!-- Chrome for Android theme color -->
<meta name="theme-color" content="#2E3AA1">
<!-- Web Application Manifest -->
<link rel="manifest" href="manifest.json">
<!-- Tile color for Win8 -->
<meta name="msapplication-TileColor" content="#3372DF">
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="PSK">
<link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Polymer Starter Kit">
<link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">
<!-- Tile icon for Win8 (144x144) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild-->
<!-- build:js bower_components/webcomponentsjs/webcomponents-lite.min.js -->
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<!-- endbuild -->
<!-- will be replaced with elements/elements.vulcanized.html -->
<link rel="import" href="elements/elements.html">
<!-- endreplace-->
<!-- For shared styles, shared-styles.html import in elements.html -->
<style is="custom-style" include="shared-styles"></style>
</head>
<body unresolved class="fullbleed layout vertical" scroll="no" style="overflow: hidden">
<span id="browser-sync-binding"></span>
<template is="dom-bind" id="app">
<paper-drawer-panel id="paperDrawerPanel">
<!-- Drawer Scroll Header Panel -->
<paper-scroll-header-panel drawer fixed>
<!-- Drawer Toolbar -->
<paper-toolbar id="drawerToolbar">
<span class="paper-font-title">Menu</span>
</paper-toolbar>
</paper-scroll-header-panel>
<!-- Main Area -->
<paper-scroll-header-panel main id="headerPanelMain" condenses keep-condensed-header>
<!-- Main Toolbar -->
<paper-toolbar id="mainToolbar" class="tall">
<paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button>
<span class="flex"></span>
<!-- Toolbar icons -->
<paper-button on-click="testButton">Signup</paper-button>
<!-- Application name -->
<div class="middle middle-container center horizontal layout">
<div class="app-name">Test</div>
</div>
</paper-toolbar>
<!-- Main Content -->
</paper-scroll-header-panel>
</paper-drawer-panel>
<platinum-sw-register auto-register
clients-claim
skip-waiting
on-service-worker-installed="displayInstalledToast">
<platinum-sw-cache default-cache-strategy="fastest"
cache-config-file="cache-config.json">
</platinum-sw-cache>
</platinum-sw-register>
-->
</template>
<script src="main.js"></script>
</body>
</html>
谢谢。试试这个:
<paper-button onclick="testButton">Signup</paper-button>
如果一个新项目不适合你,也许你需要开始一个新项目。如果你能显示一些代码,会更容易。app.testButton
是你的函数定义。你打算如何重命名它?不。使用app.testButton无效。起初它是一个不同的名字,它工作得很好,现在不行了。这可能是因为我使用的是polymer 1.0而不是1.4吗?最好使用on-tap,因为它可以在所有设备上工作。然后我得到了这个错误“Uncaught ReferenceError:signup is not defined”(未捕获引用错误:注册未定义)。在几个小时的时间里,我一直在将所有内容移动到一个新文件,并且一直在进行测试,结果是有效的。我仍然不知道是什么问题,但是谢谢你的帮助!
<paper-button onclick="testButton">Signup</paper-button>
<body unresolved class="fullbleed layout vertical" scroll="no" style="overflow: hidden">
<span id="browser-sync-binding"></span>
<template is="dom-bind" id="app">
<paper-button on-click="testButton">Signup</paper-button>
</template>
<script src="scripts/app.js"></script>
</body>
app.testButton = function() {
console.log('login?');
}; // here