0

我需要创建一个组件,其唯一目的是在影子 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>`;
  }
}

我不能使用插槽,因为我无法设置嵌套元素的样式。可以这样吗?

4

0 回答 0