我需要创建一个组件,其唯一目的是在影子 DOM 中附加一些 CSS。
<super-table>
<table>
<thead>
<!-- and so on -->
</thead>
</table>
</super-table>
在 render() 方法中返回 childNodes 是否合法,如下所示:
@customElement('super-table')
class SuperTable extends LitElement {
static styles = css`
table {
/* etc */
}
`;
render() {
return html`<div
class=${classMap({
table: true,
'table--small': this.small,
})}
>
${this.childNodes}
</div>`;
}
}
我不能使用插槽,因为我无法设置嵌套元素的样式。可以这样吗?