Penghala Vue JS: Muat semula halaman pada ubah hala

Question

Saya mempunyai aplikasi dengan fail Login.vue dan Home.vue. Kerana saya menukar tapak web HTML pentadbir kepada aplikasi vue 3, javascript saya hanya berfungsi pada muat semula halaman. Semasa membuat aplikasi saya memilih untuk menambah penghala untuk SPA, mungkin saya tidak sepatutnya melakukannya. Setakat ini paparan berfungsi kecuali apabila saya mengubah hala dari log masuk ke halaman utama tanpa memuat semula. Memandangkan ia tidak akan dimuatkan semula, bar navigasi saya atau sebarang fungsi yang bergantung pada JS tidak akan berfungsi. Bagaimana untuk mengubah hala dari log masuk ke halaman utama melalui muat semula halaman? Pada masa ini saya mempunyai kod berikut tetapi ia masih tidak berfungsi.

this.$router.push({
      path: "/admin/home",
      reload: true
    });

Answer 1

Vue Router tidak memuatkan semula halaman apabila menavigasi ke URL baharu.

Anda boleh mencuba kod ini untuk masalah anda:

const url = new URL('/admin/home', window.location.origin)
window.location.href = url.toString()

Semoga ini membantu

Answer 2

Anda boleh menggunakan this.$router.go() 来重新加载页面。结合 this.$router.push({ path: '/admin/home' }) dengan parameter kosong Anda boleh melaksanakannya tanpa menggunakan fungsi JS biasa.

    
sssccc

Perhatikan keadaan saya $router.push() 之后使用 .then 的。如果没有 then, halaman akan dimuat semula terlalu cepat dan tidak akan ada masa untuk menukar laluan.

Sebagai bonus, ia membolehkan anda menggunakan semua fungsi $router.push (cth. menggunakan parameter seperti { name: 'home' } dll.