合成LWC阴影DOM插槽与本地阴影DOM插槽

Question

LWC合成卷影dom似乎不像本地卷影dom实现那样处理插槽。

假设你从一个元素开始：

<hello-there><h1>Hi there</h1></hello-there>

然后连接映像dom并添加一个插槽，h1将被插入插槽：

​

​

现在，如果您在运行“@lwc/synthetic shadow”时执行相同的操作："^1.1.1“

你会得到：

​

​

有趣的是，它看起来也像是将光域移动到了合成的阴影根中。有没有我应该调用的函数来让插槽正确运行？或者是某种排序？

Answer 1

不幸的是，“合成阴影DOM”是一种多边形填充，不能精确地模拟真实(本地)阴影DOM的行为(如css封装...或开槽)。

这就是<slot>元素出现在轻量级DOM中的原因：

• 实际上没有阴影DOM (控制台中没有#shadow-root )
• shadowRoot属性是一个假属性，它重定向到附加到轻型DOM的文档片段(参见控制台中的#document-fragment而不是#shadow-root )。