Question

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

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调用了b-element，但是customElements.define(...)未被识别，这似乎并未导致它被识别。

Answer 1

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

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

1 个答案: