So fügen Sie einen Link in VueJS hinzu

So fügen Sie Links in VueJS hinzu: 1. Erstellen Sie den HTML-Code „

...

“; ) {...}“ fügen Sie einfach einen Link hinzu.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue2.9.6, Dell G3-Computer. Wie füge ich einen Link in Vuejs hinzu? entspricht einem Indexwert, zum Beispiel: Wenn zu diesem Zeitpunkt zur Basisinformationsseite gewechselt wird, ist index=2 ebenfalls gleich 2, dann index==curIdx, fügen Sie die curr-Klasse hinzu, der Text wird rot und Der Seitensprung wird nicht durch Klickereignisse verursacht.

Beim Wechsel zur persönlichen Homepage gilt curIdx==1; Informationsseite, curIdx==2; und so weiter;

Für die Basisinformationsseite: Schleife this.menuData Erstens enthält der aktuelle Link nicht den Inhalt des ersten Links personal-home.html. also location.pathname.indexOf(v)==-1, zu diesem Zeitpunkt curIdx Erhöhen Sie sich von 0 auf 1;

Dann Schleife zum zweiten Mal, der aktuelle Link enthält nicht den Inhalt des zweiten Links personal-analysis.html , also location.pathname.indexOf(v)==-1, zu diesem Zeitpunkt erhöht sich curIdx von 1 auf 2;

In der dritten Schleife enthält der aktuelle Link den Inhalt des dritten Links personal-info-base.html. also location.pathname.indexOf(v)!=-1, zu diesem Zeitpunkt wird false zurückgegeben, curIdx= =2;

Das heißt, die curIdx der Basisinformationsseite ist zu diesem Zeitpunkt 2; =curIdx, füge den aktuellen Klassennamen für die aktuelle Zeit hinzu;

Empfohlen: „

vue-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo fügen Sie einen Link in VueJS hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!