自定义元素模板中的 Polymer 3 自定义元素答案

【问题标题】：Polymer 3 custom element within a custom element template自定义元素模板中的 Polymer 3 自定义元素
【发布时间】：2018-10-10 21:11:50
【问题描述】：

我有两个组件：A 和 B。我想在 As template getter 中使用我通过常规导入语句导入的自定义元素，例如：

import {LitElement, html} from '@polymer/lit-element';
import B from "./b-element";

export class A extends LitElement {
  ...
  render() {
    return html`Here comes the element <b-element></b-element>`;
  }
}

customElements.define('a-element', A);

元素 B：

import {LitElement, html} from '@polymer/lit-element';

export class B extends LitElement {
  ...
  render() {
    return html`Hello Component B here!`;
  }
}

customElements.define('b-element', B);

现在我当然想将 A 嵌入到其他地方。

但是，尽管模块 B 调用了 customElements.define(...)，但无法识别 b-element，这似乎不会导致它在这一点上被识别。

【问题讨论】：

标签： polymer custom-element

【解决方案1】：

这可行，我注意到自定义元素名称在我的实际代码中无效！不要忘记定义自定义元素名称in-the-specification 方式！

【讨论】：