扩展Polymer 3中的纸张输入

Question

即时通讯尝试扩展聚合物3的纸张输入组件，就像文档说的那样，但我不能。 https://polymer-library.polymer-project.org/3.0/docs/devguide/dom-template#inherit

在下一个示例中，您可以尝试使用该代码段。问题是输入纸张输入没有PaperInputElement导出所以我不能导入。你必须看到这里：https://unpkg.com/@polymer/polymer/polymer-element.js?module

你可以帮帮我吗？

<script type='module'>
  import 'https://unpkg.com/@polymer/[email protected]/paper-input.js?module';
    import {PolymerElement, html} from 'https://unpkg.com/@polymer/polymer/polymer-element.js?module';

  class DmInput extends PaperInputElement {
      static get template() {
          return html`
              <style>

              </style>
              <p>hi</p>
              <p>${super.template}</p>
              `;
      }
  }

  window.customElements.define('dm-input', DmInput);


</script>
<dm-input></dm-input>

Answer 1

我相信你在这里尝试导入错误的文件，Paper-input只是一个使用PaperInputBehavior的ui组件。在这种情况下尝试将PaperInputElement替换为行为，因为输入元素使用的所有函数，属性和事件都来自它。

  class DmInput extends PaperInputBehavior {
      static get template() {
          return html`
              <style>

              </style>
              <p>hi</p>
              <p>${super.template}</p>
              `;
      }
  }