擴展聚合物3中的紙張輸入

Question

我正在嘗試從Polymer 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/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> 

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> `; } }