Question

我有以下组件：

<link rel="import" href="./bower_components/polymer/polymer-element.html">
<link rel="import" href="./bower_components/paper-input/paper-input.html">
<link rel="import" href="./bower_components/iron-form/iron-form.html">

<dom-module id="my-form">
    <template>
        <b>Test</b>
        <form is="iron-form" id="form" method="post" action="/save">
            <paper-input name="name" value=""></paper-input>
            <button type="submit">submit!</button>
        </form>
    </template>

    <script>
        /**
        * @customElement
        * @polymer
        */
        class MyForm extends Polymer.Element {
            static get is() { return 'my-form'; }
            static get properties() {
                return { };
            }
        }
        window.customElements.define(MyForm.is, MyForm);
    </script>
</dom-module>

有两个问题：

单击提交按钮和所需输入时提交表单是空的。
提交表单时不会发送任何内容。

发生了什么事？

Answer 1

来自What's new in 2.0：

此外，尽管规范支持它们，但Polymer 2.0目前不支持类型扩展元素（is=）。

这是您的代码不起作用的主要原因。

使用is的当前解决方法如下：

is

您的代码应如下所示：

// Before 2.0
<form /.../ is="iron-form"></form>

// After 2.0
<iron-form>
  <form /.../></form>
</iron-form>

聚合物：表单不发送纸张输入值，并且必需属性不起作用

1 个答案: