javascript - Comment empêcher la restauration du navigateur sur une certaine page dans Vue Router?

Question

J'écris une application vue d'une seule page a>b>c Après une connexion réussie, la page d s'affiche. Je souhaite rendre le bouton de retour du navigateur invalide sur la page d. Veuillez me dire comment y parvenir. hooks utilisant le routage. J'utilise maintenant le mode de hachage du routeur

.

Answer 1

Vous pouvez utiliser router.replace(location) qui n'ajoutera pas de nouveaux enregistrements à l'historique et remplacera les enregistrements de l'historique actuel.

Answer 2

Lien du cas

//replace
<router-link to="/D" replace>Go to D</router-link>
or
router.replace('D')

Answer 3

Utilisez des crochets à l’intérieur des composants.

beforeRouteEnter (to, from, next) {
  next(vm => {
    // 通过 `vm` 访问组件实例
  })
}

Vous pouvez annuler la navigation sur beforeRouteLeave 中直接访问 this。这个 leave 钩子通常用来禁止用户在还未保存修改前突然离开。可以通过 next(false).
D'après la documentation : https://router.vuejs.org/zh-c...