处理返回键劫持（结合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事件，然后你就可以在回调里面做自己想做的逻辑了。

 

转载于:https://www.cnblogs.com/AlexBlogs/p/7793999.html