DOM 绑定错误:未定义侦听器方法

dom-bind error: listener method not defined

本文关键字:侦听器 方法 未定义 绑定 错误 DOM      更新时间:2023-09-26

我正在使用聚合物 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>

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

如果这是一个自定义标签,我认为你不应该使用 dom-bind。

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

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