Ich verwende Vue3 CDN zus?tzlich zu einem Django-Projekt, zu dem ich einen VueRouter hinzugefügt habe, und es funktionierte gro?artig, bis ich beschloss, dem Routenobjekt einen Namen hinzuzufügen.
Innerhalb meiner Hauptkomponente versuche ich, den Wert des Routennamens jedes Mal zu überprüfen, wenn der Benutzer die Seite besucht.
const routes = [ { path: '/', name: 'home', component: home }, { path: '/our-program' name: 'program', component: 'program' } ] const router = VueRouter.createRouter({ history: VueRouter.createWebHashHistory(), // mode: history, routes,}); const app = Vue.createApp({ data() { return {} }, computed:{ isFocus(){ return this.$route.name; } }, mounted() { console.log(this.$route); }, }); const vm = app.use(router).mount('#pages');
Ich habe den Pfad in der Konsole erhalten, aber $route.name scheint nicht zu funktionieren. Wei? denn keiner, was ich falsch gemacht habe?