聚合物-非自定义元素中的点击式处理程序

Polymer- on-tap handler in a non custom element

本文关键字：处理 程序 自定义 元素 聚合物      更新时间：2023-09-26

使用Polymer 1.2，我有

<template is="dom-bind" id="app">
  <paper-tab name="portfolio" on-tap="bob">

这是在index.html中，一个非自定义元素。

我有：

  <script>
    function bob() {
      page('/portfolio');
    }
  </script>

但当我运行它时，我会得到：

`[dom-bind::_createEventHandler]: listener method `bob` not defined`

由于这不是一个自定义元素，我如何将处理程序bob分配给on-tap？

下面是一个工作示例：

<!doctype html>
<head>
    <script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents-lite.js"></script>
    <base href="http://polygit.org/polymer/components/">
    <link href="polymer/polymer.html" rel="import">
    <link href="paper-button/paper-button.html" rel="import">
</head>
<body>
  <template is="dom-bind" id="app">
    <paper-button on-tap="bob">Click Me</paper-button>
  </template>
  <script>
    addEventListener('WebComponentsReady', function() {
      var t = document.querySelector("#app");
      t.bob = function() {
        console.log("Something Happenend");
      };
    });
  </script>
</body>
相关文章：