Detaillierte Erläuterung des verschachtelten Routings im Vue-Router
Schritt1. Konfigurieren Sie Routing-Regeln und verwenden Sie das untergeordnete Konfigurationselement:
Routen:[
{
Pfad: „/about“,
Komponente:Über,
},
{
Pfad: „/home“,
Komponente:Home,
children:[ //Konfiguriere das Routing untergeordneter Elemente über children {
Pfad: 'Nachrichten', //Nicht schreiben: /Nachrichten
Komponente:Neuigkeiten
},
{
Pfad: 'Nachricht', //Nicht schreiben: /Nachricht
Komponente:Nachricht
}
]
}
]
2. Springen (vollständigen Pfad schreiben):<router-link to="/home/news">Neuigkeiten</router-link> Analysieren des Codes
ZusammenfassenDieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können! Das könnte Sie auch interessieren:
|
<<: Detaillierter Prozess der Installation und Konfiguration von MySQL und Navicat Prenium
>>: Analyse der Initialisierung des Quellcodes des Linux-Kernel-Schedulers
Artikel empfehlen
Detaillierte Erklärung zu anonymen Slots und benannten Slots in Vue
Inhaltsverzeichnis 1. Anonyme Slots 2. Benannte S...
Zusammenfassung von zehn Linux-Befehlsaliasen, die die Effizienz verbessern können
Vorwort Ingenieure, die im Linux-Umfeld arbeiten,...
So stellen Sie ein Angular-Projekt mit Docker bereit
Es gibt zwei Möglichkeiten, Angular-Projekte mit ...
Miniprogramm zur Implementierung des Slider-Effekts
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung der MySQL-Gruppensortierung, um die Top N zu finden
MySQL-Gruppensortierung, um die obersten N zu fin...
Detaillierte Schritte zur Installation des CentOS7-Systems auf einer virtuellen VMWare-Maschine
Vorinstallationsarbeiten: Stellen Sie sicher, das...
Implementierungsanweisungen zur Duplikatsprüfung und Deduplizierung von MySQL-Daten
Es gibt einen Tabellenbenutzer und die Felder sin...
Installations- und Konfigurationsmethode von Zabbix Agent auf der Linux-Plattform
Hier ist eine kurze Zusammenfassung der Installat...
Referenzschreiben im JS- und CSS-Stil
CSS: 1. <link type="text/css" href=&q...
So implementieren Sie das Prototypmuster in JavaScript
Überblick Das Prototypmuster bezieht sich auf den...
Win10 Docker-Toolsbox-Tutorial zum Erstellen einer PHP-Entwicklungsumgebung
Bild herunterladen Docker-Pull MySQL:5.7 docker p...
So starten Sie das Spring-Boot-Projekt mit dem integrierten Linux-System in Win10
1. Installieren Sie das integrierte Linux-Subsyst...
Das Textarea-Tag kann nicht in der Größe geändert und nicht mit der Maus gezogen werden
Die Größe des Textbereich-Tags ist unveränderlich ...
Schritte für den Exit-Fehlercode des Docker-Containers
Manchmal werden einige Docker-Container nach eine...