处理返回键劫持（结合vue）

在这里记录一下近期解决的一个问题

需求，在某个页面，浏览器返回按钮点击的时候，不能走浏览器的默认返回操做，而是要走本身的逻辑，

好比跳转页面等等。

那么问题来了，如何去不走默认返回呢。通过网上搜罗和同事交流以后，去研究了一下history的原理及

相关关键操做：

咱们在须要操做的页面进来的时候push一条state，那么浏览器返回的时候就走到了你原页面，这个时候

去监听hashchange或者popstate事件而后作出对应的逻辑处理

看看我在vue里面是怎么处理的

这里的recharge1和recharge是同一个组件，只是用了不一样的path作区分而已，在beforeRouteEnter的hook里面

对 from 的路由信息进行判断，若是balabala就balabala（本身看代码）。

===================================================================================

若是抛除vue去看这个问题的话也同理，能够push一个state，把url的hash改掉，接着去监听hashchange

window.addEventListener("hashchange",function(){},false);

这个时候点返回按钮就会触发hashchange事件，而后你就能够在回调里面作本身想作的逻辑了。