非自定义元素中的 Polymer-on-tap 处理程序

Question

使用 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？

Answer 1

这是一个工作示例：

<!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>

非自定义元素中的 Polymer-on-tap 处理程序

Polymer- on-tap handler in a non custom element

javascript

polymer

polymer-1.0