Железная форма с полимером 2.0

Question

У меня ошибка, я повторяю ошибку в jsbin: https://jsbin.com/micinalacu/1/edit?html,console,output

Железная форма при отправке метода сериализации всегда возвращает undefined и вызывается два раза.

 <dom-module id="my-form">
  <template>

    <iron-form id="myForm">
      <form method="get" action="cenfdsas">
        <input type="text" name="cenas">
        <button on-click="cenas">Submit</button>
      </form>
    </iron-form>

  </template>

  <script>
   class MyForm extends Polymer.Element {

      static get is() {
        return 'my-form';
      }

      connectedCallback() {
        super.connectedCallback();
        const form = this.$.myForm;
        form.addEventListener('iron-form-presubmit', function (event) {
          event.preventDefault();
          console.log("here")
          console.log(form.serialize());
        });
      }

      cenas() {
        this.$.myForm.submit();
      }

    }

    window.customElements.define(MyForm.is, MyForm);

  </script>
</dom-module>

Обновить

Полимерной команде нужно было изменить имя метода на serializeForm, потому что у них была ошибка. Источник: https://github.com/PolymerElements/iron-form/issues/174

Но я продолжаю с вопросом о том, что событие отправки это называется дважды Ошибка -> https://jsbin.com/koyelafeze/1/edit?html,console,output

Answer 1

Согласно документации, использование стандарта <button> элемент в форме отправит его автоматически.

Затем вы должны использовать <paper-button> как предлагается в ссылке, или прокомментируйте содержание вашего cenas() метод.

Пример JS Bin