Comment empêcher vue de revenir à la page précédente

Vue interdit de revenir à la page précédente : 1. Installez "vue-prevent-browser-back" via la commande "npm install vue-prevent-browser-back --save" 2. Utilisez "import PreventBack from.. . " est introduite séparément ; 3. En ajoutant l'instruction "mixins: [preventBack]", vous pouvez interdire le retour à la page précédente.

L'environnement d'exploitation de ce tutoriel : système Windows 10, Vue version 3, ordinateur Dell G3.

Comment empêcher le retour à la page précédente en vue ?

Un moyen simple d'empêcher le retour en arrière de page dans Vue (applicable aux navigateurs)

1. Comment empêcher le retour en arrière de page ?

Après avoir accédé à la page dans VUE, il existe de nombreuses façons d'empêcher le retour de la page. Je ne les listerai pas toutes ici. J'utilise la bibliothèque tierce vue-prevent-browser-back pour empêcher le retour de la page. . Cette méthode est très pratique à utiliser.

2. Étapes d'utilisation

1. Le code d'installation

est le suivant :

npm install vue-prevent-browser-back --save

2.Méthode d'introduction

le code est le suivant :

import preventBack from 'vue-prevent-browser-back';//组件内单独引入

3.Exemple d'utilisation

le code est le suivant :

<script>
import preventBack from &amp;#39;vue-prevent-browser-back&amp;#39;;//组件内单独引入
export default {
    name: &#39;&#39;,
    props: {},
    mixins: [preventBack],//注入  阻止返回上一页
    components: {},
    data() {
        return {};
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {}
};
</script>

Résumé

Ce qui précède est le contenu d'aujourd'hui. Cet article présente l'utilisation de vue-prevent-browser-back Après l'avoir introduit dans le composant, ajoutez **mixins: [preventBack]** et c'est terminé. plus simple que les autres méthodes ?

Apprentissage recommandé : "Tutoriel 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!