Ein Layout mit +page@route verlassen
Setzen Sie die Layout-Kette für eine bestimmte Seite mit der @-Segmentnotation zurück.
Ein Layout mit +page@route verlassen ist eine kostenlose Sveltejs Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Sveltejs Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Syntax zum Zurücksetzen von Layouts
Verwenden Sie die @-Syntax in einem Dateinamen, um Layouts bis zu einem benannten übergeordneten Layout zu überspringen.
Beispiel: Auf Root zurücksetzen
Nennen Sie Ihre Datei +page@.svelte, um alle Layouts zu überspringen.
src/routes/admin/login/+page@.svelte // skips admin layoutAuf benanntes Layout zurücksetzen
Geben Sie nach @ den Namen eines übergeordneten Layouts an, auf das zurückgesetzt werden soll.
+page@(marketing).svelte // resets to the (marketing) layoutWarum zurücksetzen
Anmeldeseiten, Vollbildansichten und Einbettungen müssen häufig die globale Oberfläche überspringen.
Keine Änderung der URL
Das Zurücksetzen wirkt sich nur auf die Layout-Kette aus; die URL bleibt unverändert.
Gilt auch für Layouts
Auch Layouts können die @-Syntax verwenden, um sich selbst zurückzusetzen.
Gängiges Muster
Die Marketingwebsite hat ein Oberflächen-Layout, aber die Registrierungsseite soll ohne diese Oberfläche auskommen.
Kombination mit Gruppen
Die @-Syntax arbeitet mit Layout-Gruppen zusammen und ermöglicht so vollständige Kontrolle.
Fehlerseiten
Auch Fehlerseiten können bei Bedarf die übergeordnete Struktur verlassen, um ohne geerbte Benutzeroberfläche gerendert zu werden.
Hinweis zur Dokumentation
Kommentieren Sie Ihren Code, wenn Sie @ verwenden, da diese Konvention leicht übersehen wird.
Überarbeitung
Fügen Sie vor dem Verschieben einer Route in eine eigene Layout-Gruppe einen @-Reset hinzu.
Kurze Überprüfung
Wie überspringen Sie alle Layouts?
Zusammenfassung
Verwenden Sie die @-Syntax in Dateinamen, um Layouts bis zum Root oder zu einem bestimmten benannten übergeordneten Layout zu überspringen.
Häufig gestellte Fragen
Ist die Lektion „Ein Layout mit +page@route verlassen“ kostenlos?
Ja — der vollständige Text von „Ein Layout mit +page@route verlassen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Sveltejs Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Sveltejs Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Ein Layout mit +page@route verlassen“?
Setzen Sie die Layout-Kette für eine bestimmte Seite mit der @-Segmentnotation zurück. Du übst Sveltejs Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Sveltejs Academy zu starten?
Keine Vorkenntnisse erforderlich. Sveltejs Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Ein Layout mit +page@route verlassen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Sveltejs Academy-Lektion Code schreiben und ausführen?
Ja. Jede Sveltejs Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Layout-Gruppen mit (group)
- Layouts auf Routenebene
- Ein Layout mit +page@route verlassen
- Gemeinsame Daten in Layouts