Bagaimana untuk menghalang vue daripada kembali ke halaman sebelumnya

Vue melarang kembali ke halaman sebelumnya: 1. Pasang "vue-prevent-browser-back" melalui arahan "npm install vue-prevent-browser-back --save" 2. Gunakan "import"; kaedah "preventBack from..." diperkenalkan secara berasingan; 3. Dengan menambahkan pernyataan "mixins: [preventBack]", anda boleh melarang kembali ke halaman sebelumnya.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue 3, komputer Dell G3.

Bagaimana untuk menghalang Vue daripada kembali ke halaman sebelumnya?

Cara mudah untuk menghalang pemulangan halaman dalam Vue (untuk penyemak imbas)

1.

Selepas melompat ke halaman dalam VUE, terdapat banyak cara untuk menghalang halaman daripada kembali, saya tidak akan menyenaraikannya di sini, saya menggunakan perpustakaan pihak ketiga vue-prevent-browser-back untuk menghalang halaman daripada kembali Ini Kaedah ini sangat mudah digunakan.

2. Langkah untuk menggunakan

1 Pemasangan

Kod adalah seperti berikut:

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

2 kaedah

Kodnya adalah seperti berikut:

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

3 Contoh penggunaan

Kodnya adalah seperti berikut:

<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>

Ringkasan

Di atas ialah kandungan hari ini Artikel ini memperkenalkan penggunaan vue-prevent-browser-back Selepas memasukkannya ke dalam komponen, tambah **mixins: [preventBack]** dan ianya selesai. Adakah ia lebih mudah daripada kaedah lain?

Pembelajaran yang disyorkan: "tutorial video vue.js"

Atas ialah kandungan terperinci Bagaimana untuk menghalang vue daripada kembali ke halaman sebelumnya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!