Heim >Web-Frontend >js-Tutorial >Vue-Highlight-Einstellungsmethode für das Routing der Navigationsmenüleiste

Vue-Highlight-Einstellungsmethode für das Routing der Navigationsmenüleiste

亚连
亚连Original
2018-05-29 17:09:162067Durchsuche

Im Folgenden werde ich mit Ihnen einen Artikel darüber teilen, wie Sie die Hervorhebung der Vue-Routing-Navigationsmenüleiste festlegen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird.

lautet wie folgt:

Standardmäßig fügt das Routing-Navigationsmenü automatisch router-link-exact-active zum aktuellen Menü hinzu. und Router-Link-aktive Klassen.

Wir können den Klassennamen von router-link-active über linkActiveClass ändern.

Fügen Sie das Konfigurationselement linkActiveClass: „mui-active“ in der Routing-Regelkonfiguration über „mui-active“ hinzu. von Definieren Sie den Umschaltstil für die Steuerungsmenüleiste

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Beispiel für eine Ajax-Verifizierung basierend auf jQuery, um zu überprüfen, ob der Benutzername verfügbar ist

Beispiel für den Enter-Trigger Von jQuery implementierte Schaltflächenereignisfunktion

jQuery+Cookie implementiert die Skin-Switching-Funktion

Das obige ist der detaillierte Inhalt vonVue-Highlight-Einstellungsmethode für das Routing der Navigationsmenüleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn