vue怎麼禁止回到上一頁

vue禁止回到上一頁的方法：1、透過「npm install vue-prevent-browser-back --save」指令安裝「vue-prevent-browser-back」；2、使用「import preventBack from...”方式單獨引入；3、透過新增「mixins: [preventBack]」語句實作禁止回到上一頁即可。

本教學操作環境：Windows10系統、Vue 3版、Dell G3電腦。

vue怎麼禁止回到上一頁？

Vue阻止頁面回退簡單方法（瀏覽器適用）

一、如何阻止頁面回退？

VUE中跳轉頁後，阻止返回的方法有很多種，這裡就不一一列舉，我是用vue-prevent-browser-back第三方庫來阻止頁面返回，這個方法使用起來超方便。

二、使用步驟

1.安裝

#程式碼如下：

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

2.引進方式

程式碼如下：

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

3.使用實例

程式碼如下：

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

總結

##以上就是今天的內容，本文介紹了vue-prevent-browser-back的使用，在組件內引入後加入**mixins: [preventBack]**就完成了，是不是比其他方法更簡單呢。

推薦學習：《

vue.js影片教學》

以上是vue怎麼禁止回到上一頁的詳細內容。更多資訊請關注PHP中文網其他相關文章！