监听器方法未定义

时间:2017-05-08 17:48:39

标签: polymer polymer-1.0

我对Polymer来说有点新,并且不太清楚这里发生了什么。我正在尝试创建一个简单的表单页面。这是代码:

<dom-module id="sams-add-student">
  <template >
    <div class="vertical-section">
      <paper-button on-click="addstudent">SUBMIT</paper-button>
    </div>
  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'sams-add-student',

        properties: {
          item: {
            type: Object
          },
          addstudent: function (event) {
            console.log('addstudent');
          }
        }

      });
    })();
  </script>

</dom-module>

但是,我收到一个错误,即未定义侦听器方法。我错过了什么吗?

2 个答案:

答案 0 :(得分:1)

如果addstudent方法实际上位于对象顶层的properties之外,则会错误地在properties内声明该方法。

Polymer({
  is: 'sams-add-student',

  properties: {
  //  addstudent: function() {...} // DON'T DO THIS HERE
  },

  addstudent: function() {...} // DO THIS HERE
}

codepen

答案 1 :(得分:0)

如果是纸质输入,您可以使用以下内容:

this.$.IDofyourelement.value;