Programmierung vue-router

9

Wie entferne ich Hashbang #!von der URL? Ich habe die Option zum Deaktivieren von Hashbang in der Dokumentation zum Vue-Router ( http://vuejs.github.io/vue-router/en/options.html ) gefunden, aber diese Option wird entfernt #!und einfach eingefügt# Gibt es eine Möglichkeit, eine saubere URL zu haben? Beispiel: NICHT: #!/home ABER: /home

257 vue.js vue-router

9

Wie kann ich Abfrageparameter von einer URL in Vue.js abrufen?

Wie kann ich Abfrageparameter in Vue.js abrufen? ZB http://somesite.com?test=yay. Sie können keinen Weg zum Abrufen finden oder muss ich dafür reines JS oder eine Bibliothek verwenden?

249 javascript vue.js vue-router url-parameters

12

So fügen Sie VueJS-Komponenten externe JS-Skripte hinzu

Ich muss zwei externe Skripte für die Zahlungsgateways verwenden. Im Moment werden beide in die index.htmlDatei aufgenommen. Ich möchte diese Dateien jedoch nicht am Anfang selbst laden. Das Zahlungsgateway wird nur benötigt, wenn der Benutzer eine bestimmte Komponente öffnet ( using router-view). Gibt es überhaupt etwas zu erreichen?

150 javascript vue.js vuejs2 vue-component vue-router

3

Wie übergebe ich einen Wert aus Vue-Daten an href?

Ich versuche so etwas zu tun: <div v-for="r in rentals"> <a bind-href="'/job/'r.id"> {{ r.job_title }} </a> </div> Ich kann nicht herausfinden, wie der Wert von r.idam Ende des hrefAttributs hinzugefügt werden soll, damit ich einen API-Aufruf durchführen kann. Irgendwelche Vorschläge?

141 vue.js vue-router

6

Vuejs: Ereignis bei Routenänderung

Auf meiner Hauptseite habe ich Dropdowns, die v-show=showdurch Klicken auf den Link angezeigt werden, @click = "show=!show"und ich möchte festlegen, show=falsewann ich die Route ändere. Raten Sie mir bitte, wie Sie dieses Ding realisieren können.

134 vue.js vuejs2 vue-router

13

Vue.js Weiterleitung auf eine andere Seite

Ich möchte eine Umleitung Vue.jsähnlich dem Vanille-Javascript durchführen window.location.href = 'some_url' Wie könnte ich dies in Vue.js erreichen?

133 vue.js url-routing vuejs2 vue-router

9

So legen Sie URL-Abfrageparameter in Vue mit Vue-Router fest

Ich versuche, Abfrageparameter mit dem Vue-Router festzulegen, wenn Eingabefelder geändert werden. Ich möchte nicht zu einer anderen Seite navigieren, sondern nur URL-Abfrageparameter auf derselben Seite ändern. Ich mache das wie folgt: this.$router.replace({ query: { q1: "q1" } }) Dies aktualisiert aber auch die Seite und setzt die y-Position auf 0, …

113 javascript vue-router vue.js

6

Vue.js - Helferfunktionen für Einzeldateikomponenten global verfügbar machen

Ich habe ein Vue 2-Projekt, das viele (50+) Einzeldateikomponenten enthält . Ich benutze Vue-Router für das Routing und Vuex für den Status. Es gibt eine Datei namens helpers.js , die eine Reihe von allgemeinen Funktionen enthält, z. B. die Großschreibung des ersten Buchstabens einer Zeichenfolge. Diese Datei sieht folgendermaßen aus: …

100 vue.js vue-router

11

Haben wir router.reload in vue-router?

Ich sehe in dieser Pull-Anfrage : Füge hinzu ein router.reload() Laden Sie mit dem aktuellen Pfad neu und rufen Sie den Daten-Hook erneut auf Aber wenn ich versuche, den folgenden Befehl von einer Vue-Komponente auszugeben: this.$router.reload() Ich erhalte diesen Fehler: Uncaught TypeError: this.$router.reload is not a function Ich habe in …

94 vue.js vue-router vuejs2

10

Kann vue-router einen Link in einem neuen Tab öffnen?

Overа этот вопрос есть ответы на Stapelüberlauf на русском : Как в vue-router открыть ссылку в новой вкладке? Ich habe eine Übersichtsseite und eine detaillierte Unterseite. Alle Routen werden mit vue-router(v 0.7.x) unter Verwendung der folgenden programmatischen Navigation implementiert : this.$router.go({ path: "/link/to/page" }) Wenn ich jedoch von der Zusammenfassungsseite …

93 javascript vue.js vue-router

9

Einschließen eines Router-Link-Tags in eine Schaltfläche in vuejs

Kann ich ein router-linkTag in ein buttonTag einschließen oder einschließen ? Wenn ich die Taste drücke, soll sie mich zur gewünschten Seite weiterleiten.

79 button vue.js vue-router

5

Wie man einen aktiven VueJS-Router-Link-Stil erstellt

Meine Seite enthält derzeit die Navigation.vue-Komponente. Ich möchte jede Navigation schweben und aktiv machen. Der "Schwebeflug" funktioniert, "aktiv" jedoch nicht. So sieht die Datei Navigation.vue aus: <template> <div> <nav class="navbar navbar-expand-lg fixed-top row"> <router-link tag="li" class="col" class-active="active" to="/" exact>TIME</router-link> <router-link tag="li" class="col" class-active="active" to="/CNN" exact>CNN</router-link> <router-link tag="li" class="col" class-active="active" to="/TechCrunch" …

77 vue.js vue-router routerlink

5

Wie kann ich auf dem Vue-Router zurück / Route-Back gehen?

Ok, um das einfach zu erklären: Ich habe 3x Seiten. Page 1 (Startseite) Seite 2 (Menü) Page 3 (Über) Seite 1 hat a- <router-link to="/menu"> Schaltfläche, die beim Klicken Routen zu "/ menu". Im Moment hat Seite 2 (Menü) eine <router-link to="/"> Klicken Sie auf diese Schaltfläche, und wenn Sie …

72 javascript webpack vue.js vuejs2 vue-router

6

Wie kann man auf den Vue-Router pushen, ohne den Verlauf zu erweitern?

Ich habe die folgende Sequenz passiert: Hauptbildschirm Ladebildschirm Ergebnisbildschirm Wenn jemand auf der Homepage auf eine Schaltfläche klickt, sende ich ihn an den Ladebildschirm über: this.$router.push({path: "/loading"}); Und sobald ihre Aufgabe erledigt ist, werden sie über an den Ergebnisbildschirm gesendet this.$router.push({path: "/results/xxxx"}); Das Problem ist, dass sie normalerweise von den …

12 javascript vue.js vue-router

4

Umleitung beim Start über die angegebene Browser-URL

Ich habe eine neue Vue-App mit einem Basispfad erstellt. Aufgrund der Tatsache, dass die App in eine andere Vue-App eingebettet ist, wird diese App beim router-viewStart nicht gerendert. Wenn Sie mehr darüber erfahren möchten, wie oder warum diese App in eine andere App eingebettet ist, schauen Sie bitte hier: Mounten …

9 javascript vue.js vuejs2 vue-router

Als «vue-router» getaggte Fragen