站長(zhǎng)資訊網(wǎng)
vue禁止返回到上一頁(yè)的方法：1、通過“npm install vue-prevent-browser-back –save”命令安裝“vue-prevent-browser-back”；2、使用“import preventBack from…”方式單獨(dú)引入；3、通過添加“mixins: [preventBack]”語(yǔ)句實(shí)現(xiàn)禁止返回到上一頁(yè)即可。
本教程操作環(huán)境：Windows10系統(tǒng)、Vue 3版、Dell G3電腦。
vue怎么禁止返回到上一頁(yè)？
Vue阻止頁(yè)面回退簡(jiǎn)單方法（瀏覽器適用）
一、如何阻止頁(yè)面回退？
VUE中跳轉(zhuǎn)頁(yè)面后，阻止返回的方法有很多種，這里就不一一列舉，我是用vue-prevent-browser-back第三方庫(kù)來阻止頁(yè)面返回，這個(gè)方法使用起來超級(jí)方便。
二、使用步驟
1.安裝
代碼如下：
npm install vue-prevent-browser-back --save
登錄后復(fù)制
2.引入方式
代碼如下：
import preventBack from 'vue-prevent-browser-back';//組件內(nèi)單獨(dú)引入
登錄后復(fù)制
3.使用實(shí)例
代碼如下：
<template> <div class="container"> <div class="container-text"> <p>禁止返回上級(jí)頁(yè)面！</p> </div> </div> </template> <script> import preventBack from 'vue-prevent-browser-back';//組件內(nèi)單獨(dú)引入 export default { name: '', props: {}, mixins: [preventBack],//注入 阻止返回上一頁(yè) components: {}, data() { return {}; }, computed: {}, watch: {}, methods: {}, created() {}, mounted() {} }; </script>
登錄后復(fù)制
總結(jié)
