html - 什么元素是可插槽的？

Question

我可以为命名槽使用 tr（表格行）吗？当我使用 tr 作为插槽的后备内容时会发生什么？

像这样：

<x-table>
    <tr slot="x-row">
        <td>data</td>
        <td>data</td>
    </tr>
</x-table>

codepen 中的示例代码https://codepen.io/JJia/pen/odXrWJ

Answer 1

一个元素必须在、或元素中<tr>具有父<thead><tbody><tfoot><table>元素。

不幸的是，这些元素不支持 Shadow DOM。使用方法查看元素attachShadow()列表。

因此，它们的第一级子级（即<tr>）不能与slot属性一起使用。