Routeur Vue JS : recharger la page lors de la redirection

Question

J'ai une application avec les fichiers Login.vue et Home.vue. Parce que je convertis un site Web HTML d'administration en une application vue 3, mon javascript ne fonctionne que lors des rechargements de pages. Lors de la création de l'application, j'ai choisi d'ajouter un routeur pour le SPA, je n'aurais peut-être pas dû le faire. Jusqu'à présent, la vue fonctionne sauf lorsque je redirige de la connexion vers la page d'accueil sans recharger. Comme elle ne se rechargera pas, ma barre de navigation ou toute fonctionnalité reposant sur JS ne fonctionnera pas. Comment rediriger de la connexion vers la page d'accueil via le rechargement de la page ? Actuellement, j'ai le code suivant mais il ne fonctionne toujours pas.

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

Answer 1

Vue Router ne recharge pas la page lors de la navigation vers une nouvelle URL.

Vous pouvez essayer ce code pour votre problème :

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

J'espère que cela aide

Answer 2

Vous pouvez utiliser this.$router.go() 来重新加载页面。结合 this.$router.push({ path: '/admin/home' }) avec des paramètres vides. Vous pouvez l'implémenter sans utiliser la fonctionnalité JS normale.

    
sssccc

Notez comment j'étais $router.push() 之后使用 .then 的。如果没有 then, la page se rechargerait trop vite et je n'aurais pas le temps de changer d'itinéraire.

En bonus, il vous permet d'utiliser toutes les fonctionnalités de $router.push (par exemple en utilisant des paramètres comme { name: 'home' } etc.