如何访问 svelte 组件中的命名插槽？

Question

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

Answer 1

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

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

Demo here.