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);
　　 });
}