Maison >interface Web >Voir.js >Comment résoudre le problème selon lequel la route push de vuejs ne saute pas

Comment résoudre le problème selon lequel la route push de vuejs ne saute pas

藏色散人
藏色散人original
2021-11-01 11:34:546176parcourir

La solution pour que vuejs route push ne saute pas : 1. Ouvrez vue-router pour accéder à une partie du code ; 2. Ajoutez la méthode "watch: {'$route' (to, from) {...}", 3. , surveillez les modifications du routeur et actualisez la page.

Comment résoudre le problème selon lequel la route push de vuejs ne saute pas

L'environnement d'exploitation de cet article : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

Comment résoudre le problème selon lequel vuejs route push ne saute pas ?

vue-router a le même itinéraire que $router.push et ne saute pas. Une solution simple

vue-router jump s'écrit généralement comme ceci :

toCurrentPage: function(thisId){
          this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
 }

Mais lorsque vous rencontrez , lorsque vous devez accéder à différentes requêtes sur la même page, la méthode ci-dessus ne fonctionne pas. Bien sûr, en termes de performances, la meilleure solution théorique à cette situation est d'envelopper ce qui doit être actualisé dans une fonction init, de passer à la méthode, de transmettre les paramètres et d'appeler à nouveau la méthode init. balabalabala... Je n'entrerai pas dans les détails.

Mais dans d'autres cas, tous les composants de la page de base doivent être actualisés. Le chargement à nouveau a peu d'impact sur la surcharge. History.back est nécessaire pour assurer le bon fonctionnement de la logique... Il suffit de passer au chargement, donc c'est le cas. est en fait très simple, simplement en vous basant sur la méthode ci-dessus, ajoutez :

watch: {
    '$route' (to, from) {
        this.$router.go(0);
    }
},

Surveillez les modifications du routeur et actualisez la page~

Recommandé : "Les 5 dernières sélections de didacticiels vidéo vue.js"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn