Wie URL-Parameter an Vuejs übergeben werden

8

Ich baue eine App mit Laravel und VueJs und frage mich, wie ich einen URL-Parameter wie den User Slug oder die User-ID an vuejs übergeben kann, um diesen Parameter für die Erstellung von Ajax-Anfragen verwenden zu können?

Zum Beispiel, wenn jemand auf einen Link klickt, der zu

führt %Vor%

Ich möchte eine Ajax-Anfrage in meiner vuejs-Anwendung mit dem Slug 'john-appleseed' als Parameter machen.

Was ist der richtige / richtige Weg dazu?

Vielen Dank im Voraus!

    
Luuk Van Dongen 14.09.2015, 08:20
quelle

4 Antworten

5

vue-router würde wahrscheinlich hier helfen. So können Sie Ihre Routen wie folgt definieren:

%Vor%

In Ihrer Profile -Komponente wäre dann der Slug des angeforderten Benutzers unter this.$route.params.slug

verfügbar

Sehen Sie in der offiziellen Dokumentation nach: Ссылка

    
jsphpl 11.05.2016 10:03
quelle
2

Ich nehme an, Sie bauen eine Komponente. Nehmen wir an, Sie haben eine Schaltfläche in dieser Komponente und wenn Sie darauf klicken, möchten Sie eine Aktion ausführen (AJAX-Anfrage oder nur umleiten).

In diesem Fall übergeben Sie die URL als Parameter an die Komponente und Sie können sie innerhalb verwenden.

HTML:

%Vor%

Ihre Komponente JS:

%Vor%

Dann können Sie auf den Parameter in der Komponente als this.loginUrl zugreifen.

Bitte beachten Sie, dass der Unterschied zwischen Parameternamen im HTML-Teil als Dash-Notatinon und in JS als CamelCase.

    
grafa 26.01.2016 17:38
quelle
1

Sie können die URL des Links, auf den Sie klicken, abrufen und dann diese URL verwenden, um Ihre Ajax-Anfrage zu bearbeiten.

%Vor%

Und in Ihrer Vorlage rufen Sie diese Methode auf, wenn der Benutzer auf einen Link klickt:

%Vor%     
Needpoule 14.09.2015 12:36
quelle
0

Wenn Sie Vue-Router verwenden und Abfrageparameter erfassen und an Requisiten übergeben möchten, können Sie dies auf diese Weise tun.

URL wird aufgerufen: Ссылка

MyComponent.vue

%Vor%

router / index.js

%Vor%     
Marc Bouvier 17.10.2017 15:52
quelle

Tags und Links