Javascript 如何访问苗条组件内的命名插槽?

Javascript 如何访问苗条组件内的命名插槽?,javascript,slots,svelte,Javascript,Slots,Svelte,我正在尝试苗条(很棒!),但我遇到了一个我不知道如何解决的问题。我有一个带有两个命名插槽的组件。根据这些插槽是否已填满,我需要呈现一些额外的HTML。所以我的想法是把这些块放在{{{if slots}}块中,但我不知道如何引用命名的slots。尝试this.options.slot在oncreate中,我可以看到slot的集合,但我不知道如何在组件的HTML部分找到它们。有人能帮我吗? Elco已经找到了答案,并在评论中提到了它,但是对于其他任何遇到这个问题的人来说,这有点不方便,但是你可以这样

我正在尝试苗条(很棒!),但我遇到了一个我不知道如何解决的问题。我有一个带有两个命名插槽的组件。根据这些插槽是否已填满,我需要呈现一些额外的HTML。所以我的想法是把这些块放在
{{{if slots}}
块中,但我不知道如何引用命名的slots。尝试
this.options.slot
oncreate
中,我可以看到slot的集合,但我不知道如何在组件的HTML部分找到它们。有人能帮我吗?
Elco已经找到了答案,并在评论中提到了它,但是对于其他任何遇到这个问题的人来说,这有点不方便,但是你可以这样做。在
oncreate
钩子中设置(…):

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

.

Uhmmm,这个.set()应该可以。愚蠢的我…感谢Rich(非常感谢你在svelte和sapper上所做的出色工作),我对这些命名插槽还有另一个问题:我想在这里放置像这样的自定义组件
标题
,但这不起作用。我必须在这里写
标题
,当然这不是很优雅。有办法解决这个问题吗?目前还没有。开槽组件是我们可以想象的未来支持的东西,但不幸的是现在只支持开槽元素。请务必这样做!