聚合物 - 對抽頭處理程序在非定製元素

使用聚合物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`

因爲這不是一個自定義元素，我怎麼assing處理程序鮑勃on-tap？

來源

2015-11-27 dman

後來我找到了解決辦法，並更新了我的答案！ –

這裏是一個工作示例：

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

來源

2015-11-27 20:06:41

聚合物 - 對抽頭處理程序在非定製元素

回答

相關問題