首页 文章

如何在另一个内部包含定制聚合物元素

提问于
浏览
0

如何在另一个内部包含定制聚合物3元素?假设我有两个组成部分:

1)父组件2)子组件

我想在父组件中包含和使用子组件 . 问题是:我应该在哪里放置我的子元素以及如何配置导入路径?

1 回答

  • 1

    在您的父元素中添加子元素的import声明:

    import './child-element.js';

    然后,在父模板中添加导入元素的引用:

    <child-element></child-element>

    你的孩子元素可能是这样的:

    import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
    
    class ChildElement extends PolymerElement {
      static get template() {
        return html`
          <style>
            :host {
              display: block;
            }
          </style>
          <div>This is you child element</div>
        `;
      }
    }
    
    window.customElements.define('child-element', ChildElement);
    

相关问题