Расширяет ввод бумаги в Полимер 3 - PullRequest
0 голосов
/ 14 февраля 2019

Я пытаюсь расширить компонент ввода бумаги из Polymer 3, как сказано в документации, но я не могу.https://polymer -library.polymer-project.org / 3.0 / docs / devguide / dom-template # наследовать

В следующем примере вы можете попробовать использовать фрагмент.Проблема заключается в импорте бумаги-ввода без экспорта PaperInputElement, поэтому я не могу импортировать.Вы должны увидеть здесь: https://unpkg.com/@polymer/polymer/polymer-element.js?module

Не могли бы вы мне помочь?

<script type='module'>
  import 'https://unpkg.com/@polymer/paper-input@3.0.1/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>

1 Ответ

0 голосов
/ 20 февраля 2019

Я полагаю, что вы пытаетесь импортировать не тот файл, здесь Paper-input - это просто компонент пользовательского интерфейса, который использует PaperInputBehavior.Попробуйте заменить PaperInputElement в этом случае поведением, так как все функции, свойства и события, которые использует элемент ввода, происходят из него.

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

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