vue hash模式禁止浏览器回退

拇指一代
  • 288

vue hash模式禁止浏览器回退
因为上一个页面是另一个项目的某一个页面 所以不能使用路由守卫

评论
阅读 264
3 个回答

如果上个页面是网页,那么打开当前页面时用replace,不用open
如果上个页面是app,那么在返回的时候做好判断就行

楼上正解,前提是能改上个网页的项目,如果不能就
window.addEventListener(`"popstate",` `function(e) {`

alert(`"我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能`

}, false`);`
搞一下试试吧

全局都禁止浏览器回退的话,可以在app.vue的mounted里面设置

mounted() {
//防止页面后退  使用在vue时 挂载到mounted中
  history.pushState(null, null, document.URL);
  window.addEventListener('popstate', function () {
     history.pushState(null, null, document.URL);
  });
}
撰写回答

登录后参与交流、获取后续更新提醒

宣传栏