From e7163d414f471fe3531db06ecfb88952e62d5909 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alois=20Se=C4=8Dk=C3=A1r?= Date: Tue, 2 Apr 2024 21:01:25 +0200 Subject: [PATCH] fix: component slots (#2780) * fix: missing anchor * fix: relative links --- src/guide/components/slots.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/guide/components/slots.md b/src/guide/components/slots.md index 955b7351..c0423ff6 100644 --- a/src/guide/components/slots.md +++ b/src/guide/components/slots.md @@ -296,11 +296,11 @@ function BaseLayout(slots) { } ``` -## Conditional Slots +## Conditional Slots {#conditional-slots} Sometimes you want to render something based on whether or not a slot is present. -You can use the [$slots](https://vuejs.org/api/component-instance.html#slots) property in combination with a [v-if](https://vuejs.org/guide/essentials/conditional.html#v-if) to achieve this. +You can use the [$slots](/api/component-instance.html#slots) property in combination with a [v-if](/guide/essentials/conditional.html#v-if) to achieve this. In the example below we define a Card component with two conditional slots: `header` and `footer`. When the header / footer is present we want wrap them to provide additional styling: