我有一個(gè)有 Login.vue 和 Home.vue 檔案的應(yīng)用程式。因?yàn)槲覍⒐芾?HTML 網(wǎng)站轉(zhuǎn)換為 vue 3 應(yīng)用程序,所以我的 javascript 僅適用於頁面重新加載。在建立應(yīng)用程式時(shí),我選擇為 SPA 新增路由器,也許我不應(yīng)該這樣做。到目前為止,視圖正在工作,除非我從登入重定向到主頁而不重新載入。由於它不會(huì)重新加載,因此我的導(dǎo)覽列或任何依賴 JS 的功能將無法運(yùn)作。如何透過頁面重新載入從登入重定向到主頁?目前,我有以下程式碼,但仍然無法運(yùn)作。
this.$router.push({ path: "/admin/home", reload: true });
導(dǎo)航到新 URL 時(shí),Vue Router 不會(huì)重新載入頁面。
您可以針對您的問題嘗試此程式碼:
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 功能的情況下實(shí)現(xiàn)它。
Redirect & Reload sssccc
請注意我是如何在 $router.push()
之後使用 .then
的。如果沒有 then
,頁面重新載入的速度會(huì)太快,沒有時(shí)間更改路線。
作為獎(jiǎng)勵(lì),它可以讓您使用 $router.push 的所有功能(例如使用 { name: 'home' }
等參數(shù)。