Polymer 聚合物中的定义方法

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

这有点疯狂

我有一个html代码,在单击时调用函数
,它可以工作

当我想添加另一个函数或重命名同一个函数时(显然也在单击时的
调用中),会出现以下错误:

[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