我有一個帶有 Login.vue 和 Home.vue 文件的應(yīng)用程序。因為我將管理 HTML 網(wǎng)站轉(zhuǎn)換為 vue 3 應(yīng)用程序,所以我的 javascript 僅適用于頁面重新加載。創(chuàng)建應(yīng)用程序時,我選擇為 SPA 添加路由器,也許我不應(yīng)該這樣做。到目前為止,視圖正在工作,除非我從登錄重定向到主頁而不重新加載。由于它不會重新加載,因此我的導(dǎo)航欄或任何依賴于 JS 的功能將無法工作。如何通過頁面重新加載從登錄重定向到主頁?目前,我有以下代碼,但仍然無法工作。
this.$router.push({ path: "/admin/home", reload: true });
導(dǎo)航到新 URL 時,Vue Router 不會重新加載頁面。
您可以針對您的問題嘗試此代碼:
const url = new URL('/admin/home', window.location.origin) window.location.href = url.toString()
希望這有幫助
您可以使用帶有空參數(shù)的 this.$router.go()
來重新加載頁面。結(jié)合 this.$router.push({ path: '/admin/home' })
您可以在不使用普通 JS 功能的情況下實現(xiàn)它。
sssccc
請注意我是如何在 $router.push()
之后使用 .then
的。如果沒有 then
,頁面重新加載的速度會太快,沒有時間更改路線。
作為獎勵,它可以讓您使用 $router.push 的所有功能(例如使用 { name: 'home' }
等參數(shù)。