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

Question

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

Answer 1

Elco 已经找到了答案并在评论中提到了它，但对于遇到这个问题的其他人来说——这有点 hacky，但你可以这样this.set(...)做oncreate：

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

演示在这里。