Heim > Artikel > Web-Frontend > Problem damit, dass die Standardroute nicht in vue.js geladen wird
Dieser Artikel stellt Ihnen hauptsächlich die Lösung für das Problem vor, dass die Standardroute von vue.js nicht geladen wird. Der Artikel stellt es ausführlich anhand von Beispielcode vor. Es hat einen gewissen Referenz-Lernwert für alle, die es brauchen Schauen wir uns das unten gemeinsam an.
Problem gefunden
Als ich das Projekt kürzlich öffnete, stellte ich fest, dass meine Standardroute linkActiveClass nicht geladen hat,
Nachdem ich online gesucht habe, stellte ich fest, dass auch viele Studenten dieses Problem haben. Nachdem ich einige Informationen überprüft hatte, stellte ich fest, dass es sich um ein Umleitungsproblem handelte:
https://. router.vuejs.org/ zh-cn/essentials/redirect-and-alias.html
Umleitung
Die Umleitung erfolgt auch über Routen Konfiguration, wie im folgenden Beispiel gezeigt. Ist eine Umleitung von /a nach /b:
const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] })
Das Umleitungsziel kann auch eine benannte Route sein:
const router = new VueRouter({ routes: [ { path: '/a', redirect: { name: 'foo' }} ] })
oder sogar eine Methode, die die dynamisch zurückgibt Umleitungsziel:
const router = new VueRouter({ routes: [ { path: '/a', redirect: to => { // 方法接收 目标路由 作为参数 // return 重定向的 字符串路径/路径对象 }} ] })
Mein Code sah ursprünglich so aus:
const router=new VueRouter({ linkActiveClass:'list-active', routes:[ { path:'/', component:user }, { path:'/user', component:user }, { path:'/warship', component:warship } ] })
Auf diese Weise ist die Unterroute zwar geladen, aber standardmäßig Die Klasse folgt nicht und wird dann hinzugefügt. Eine Satzumleitung: „/user“, geändert, sodass sie wie folgt aussieht:
Nach der Änderung:
const router=new VueRouter({ linkActiveClass:'list-active', routes:[ { path:'/', redirect:'/user', component:user }, { path:'/user', component:user }, { path:'/warship', component:warship } ] })
Löst perfekt das Problem, dass die Standard-Routing-Klasse nicht geladen ist.
Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
So implementieren Sie die Navigationsleiste mit Vue
So verwenden Sie Iframe-Elemente in Vue-Komponenten
So laden Sie Komponenten des Webpacks require.ensure in vue
So implementieren Sie Formularantworten in Angular4
Das obige ist der detaillierte Inhalt vonProblem damit, dass die Standardroute nicht in vue.js geladen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!