如何在另一个内部包含定制聚合物3元素?假设我有两个组成部分:
1)父组件2)子组件
我想在父组件中包含和使用子组件 . 问题是:我应该在哪里放置我的子元素以及如何配置导入路径?
在您的父元素中添加子元素的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);
1 回答
在您的父元素中添加子元素的import声明:
import './child-element.js';
然后,在父模板中添加导入元素的引用:
<child-element></child-element>
你的孩子元素可能是这样的: