Svelte旧版 API

$$slots

在符文模式下，我们知道哪些代码片段被提供给组件，因为它们只是普通的 props。

在旧版模式下，了解是否为给定插槽提供了内容的方法是使用 $$slots 对象，其键是父组件传递给组件的插槽名称。

卡片

<div>
	<slot name="title" />
	{#if $$slots.description}
		<!-- This <hr> and slot will render only if `slot="description"` is provided. -->
		<hr />
		<slot name="description" />
	{/if}
</div>

应用

<Card>
	<h1 slot="title">Blog Post Title</h1>
	<!-- No slot named "description" was provided so the optional slot will not be rendered. -->
</Card>

在 GitHub 上编辑此页面