Skip to content

Commit

Permalink
docs(guide/components/slots): clarify slot presence phrasing
Browse files Browse the repository at this point in the history
  • Loading branch information
jay-es committed Dec 15, 2024
1 parent 3056c7a commit 4c7a7d9
Showing 1 changed file with 2 additions and 2 deletions.
4 changes: 2 additions & 2 deletions src/guide/components/slots.md
Original file line number Diff line number Diff line change
Expand Up @@ -298,12 +298,12 @@ function BaseLayout(slots) {

## 条件付きスロット {#conditional-slots}

スロットが存在するかどうかに基づいて何かをレンダリングしたい場合があります
スロットにコンテンツが渡されたかどうかに基づいて何かをレンダリングしたい場合があります

これを実現するには、[$slots](/api/component-instance.html#slots) プロパティと [v-if](/guide/essentials/conditional.html#v-if) を組み合わせて使用します。

以下の例では、`header`, `footer`, `default` の 3 つの条件付きスロットを持つ Card コンポーネントを定義しています。
そしてヘッダー/フッター/デフォルトが存在する場合に、スタイル追加のためにスロットをラップしています:
そしてヘッダー/フッター/デフォルトのコンテンツが存在する場合に、スタイル追加のためにスロットをラップしています:

```vue-html
<template>
Expand Down

0 comments on commit 4c7a7d9

Please # to comment.