javascript - 如何访问 svelte 组件内的命名插槽？

Question

我正在试用 Svelte(太棒了!)，但我遇到了一个我不知道如何解决的问题。我有一个带有几个命名插槽的组件。根据这些插槽是否已填充，我需要渲染一些额外的 HTML。所以我的想法是将这些 block 放在 {{#if slots}} block 中，但我不知道如何引用命名的插槽。在 oncreate 中尝试 this.options.slots，我可以看到槽的集合，但我不知道如何在组件的 HTML 部分找到它们。任何人都可以帮助我吗？ See this REPL

Answer 1

Elco 已经找到了答案并在评论中提到了它，但对于遇到此问题的任何其他人来说 — 这有点老套，但您可以在 this.set(...) 中执行oncreate 钩子(Hook):

oncreate () {
  this.set({
    hasEmail: !!this.options.slots.email
  });
}

Demo here .