Zugriff auf $route.params in VueJS

Suchen über diese Dokumentation:
https://router.vuejs.org/en/essentials/navigation.html

Sieht es aus wie Sie können binden die <router-link :to="variableName">Link Text</routerlink> ist schon Klasse, aber ich habe einige Probleme beim Zugriff route von Parametern innerhalb einer Komponente, auf die ich versuche zu bauen.

Also ich benutze diese:

<router-link :to="permalink">Title of thing</router-link>

Dann direkt der router-Ansicht zu ziehen den thread im forum. Mit dieser im router:

import ForumThread from './views/barracks/forumThreadSingle';

//Other routes...
let routes = [
    {
        path: '/barracks/th/:id',
        component: ForumThread,
    } 
];

Kann ich sehen, in dem forumthread Komponente, $route.params.id übergeben wird, zu; jedoch, wenn ich versuche, auf ihn so:

console.log('The id is: ' + $route.params.id);

Es ist nicht in der Lage zu finden, die params-Teil des Objekts.

VueJS ist ziemlich neu für mich, ebenso wie JavaScript. Alle Beispiele, die ich gesehen habe, zeigen die Vorlagen einher mit der router-Datei, die ist etwas, was ich versuche zu verhindern, damit mein code lesbar und sauber.

Welche Einstellungen kann ich machen, damit ich passieren kann-Eigenschaften, um die template-Datei?

Dank!

Können Sie zeigen mehr Kontext um Ihre console.log - Anweisung. Ist, dass in Abhängigkeit von einer Vue-Instanz?
Was ist der Inhalt der permalink variable?
Innerhalb einer vue-Komponente können Sie einfach diesen verwenden.$route.params....

InformationsquelleAutor Ian Buss | 2017-11-21

  1. 19

    Wenn Sie mit der Vue-Loader-setup (die <template></template> - tags in den Dateien), die Sie verwenden müssen this für die Referenz $router, wenn du so tust innerhalb der <script></script> Teil der Datei. 

     console.log('The id is: ' + this.$route.params.id);

    InformationsquelleAutor Alex MacArthur

Schreibe einen Kommentar