覆盖从 lit 元素中的父组件扩展的呈现方法

Question

>im 尝试创建一个从其他组件扩展的新 lit 元素组件 但是渲染方法不起作用。 组件为空。.

export default class ChildComponent extends FatherComponent {
static get styles() {
return css`
:host {
display: block;
}`;
}
render() {
return html`<h1>Hi</h1>`;
}
}
window.customElements.define('child-component', ChildComponent);

Answer 1

我今天遇到了同样的问题。似乎没有触发渲染((。

为了解决我的问题，我不得不在 connectedCallback(( 方法中为子项和父项调用 super.connectedCallback((。

我也在构造函数中调用 super((。

希望有帮助。