Vue阻止頁面返回解決方案

Vue項目中有些特殊情況，需要阻止頁面返回上一頁，雖然這個功能比較少見，但自己且碰到了，記入一下如何處理
1.使用Vue中插件vue-prevent-browser-back

<template>
<div>
　　無法后退
</div>
</template>

<script>
import preventBack from 'vue-prevent-browser-back';//組件內單獨引入
export default {
mixins: [preventBack],//注入
name: "index"
}
</script>

<style scoped>

</style>

　2.使用js原生阻止頁面返回

mounted(){ //防止頁面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
    　　history.pushState(null, null, document.URL);
　　 });
}