recherche

Maison  >  Questions et réponses  >  le corps du texte

Routeur Vue JS : recharger la page lors de la redirection

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


P粉087074897P粉087074897497 Il y a quelques jours878

répondre à tous(2)je répondrai

  • P粉543344381

    P粉5433443812023-10-27 10:44:15

    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

    répondre
    0
  • P粉009828788

    P粉0098287882023-10-27 10:06:32

    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.

    répondre
    0
  • Annulerrépondre