路由是用名稱宣告的,但 this.$route.name : undefined
P粉555696738
P粉555696738 2024-03-27 10:20:02
0
1
367

我在 Django 專案之上使用 Vue3 CDN,在該專案中新增了 VueRouter,它運作得很好,直到我決定向路由物件新增名稱。

在我的主要元件內,我嘗試在使用者每次造訪頁面時檢查路由名稱的值。

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');

我在控制台中取得了路徑,但 $route.name 似乎無法通過。 難道沒有人知道我做錯了什麼嗎?

P粉555696738
P粉555696738

全部回覆(1)
P粉545682500

this.$route.name 可以從子元件顯示,而不是像我試圖做的那樣從實際的根元件顯示。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板