dom-bind错误:未定义侦听器方法

时间:2016-03-11 10:37:20

标签: javascript polymer

我正在使用聚合物1.0并且在注册方法和调用方法时遇到问题。它在Chrome中运行良好但在Firefox中我收到此错误消息:

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

下面这部分代码包含在其他聚合物元素中。

<template id="main" is="dom-bind">
  <neon-animated-pages id="pages" selected="0">
    <main-page on-circle-click="_onCircleClick"></main-page>
    <detail-page on-click="_onPageClick"></detail-page>
  </neon-animated-pages>
</template>
<script>
  var template = document.querySelector('#main');

  template._onCircleClick = function (event) {
    this.$.pages.selected = 1;
  };

  template._onPageClick = function (event) {
    this.$.pages.selected = 0;
  };
</script>

我不知道为什么它在Firefox中不起作用。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

如果这是自定义标记,我认为您不应该使用dom-bind。

而不是使用template._onCircleClick = function() 试试_onCircleClick: function()

(function(){
        Polymer({
            is: "tag-name",
            properties: {
            },
            _onCircleClick: function() {
                this.$.pages.selected = 1;
            },
        });
    })();