跳至主要內容

{@render ...}

要呈現程式碼片段,請使用 {@render ...} 標籤。

{#snippet sum(a, b)}
	<p>{a} + {b} = {a + b}</p>
{/snippet}

{@render sum(1, 2)}
{@render sum(3, 4)}
{@render sum(5, 6)}

此表達式可以是像 sum 這樣的識別符號,或任何 JavaScript 表達式

{@render (cool ? coolSnippet : lameSnippet)()}

可選的程式碼片段

如果程式碼片段可能未定義 — 例如,因為它是傳入的 prop — 那麼您可以使用可選鏈接,以便僅在定義時呈現它

{@render children?.()}

或者,使用具有 :else 子句的 {#if ...} 區塊來呈現回退內容

{#if children}
	{@render children()}
{:else}
	<p>fallback content</p>
{/if}

在 GitHub 上編輯此頁面

上一個 下一個