Comment implémenter les données de commutation d'itinéraire Vue + Vue-router avec le même nom sans mise à jour

Cet article présente principalement la méthode pour ne pas mettre à jour les données de commutation d'itinéraire de Vue + Vue-router du même nom. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

Par défaut, la commutation entre les itinéraires portant le même nom ne sera pas exécutée car le composant peut être pris et placé prêt à obtenir des données. Il existe deux façons de le résoudre

Remarque : ceci. le problème n'existe que dans vue1

Méthode 1 : Mettez l'acquisition de données sous route.data~

route: {
  data({to: {params: { page }}}) {
    return Promise.all([
      this.getApi()
    ]).then(() => {

    })
  }
}

Méthode 2 : Définissez route.canReuse = false pour forcer le composant à ne pas être réutilisé~

route: {
  canReuse() {
    return false
  }
},
ready() {
  var request = $.ajax({
    type: "POST",
    dataType: 'json',
    url: "api.php"
  });
  request.then((json) => {
    // balabala
  });
}

Recommandations associées :

Création d'un tutoriel d'ingénierie de vue2 vue-router2 webpack3

Exemple de routage de base de vue-router Partager

vue-router implémente la page à onglets

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!