vue-router禁止浏览器点击回退，原生js禁止回退

网上大多数使用的beforeEach和导航守卫，我这种方法针对某一个页面的操作更好用。

 

methods里面新增方法：

 myBack() {

      history.pushState(null, null, document.URL);

    }

 在mounted或activated生命周期添加代码：

    //禁止后退

    history.pushState(null, null, document.URL); 

    window.addEventListener("popstate", this.myBack, false);

 在destroyed或deactivated生命周期添加代码：

 //离开页面时恢复回退

window.removeEventListener("popstate", this.myBack, false);