使用Vue时浏览器后退无法触发beforeRouteLeave的问题-js教程-PHP中文网

使用Vue时浏览器后退无法触发beforeRouteLeave的问题

亚连

发布： 2018-06-15 17:33:58

原创

4777人浏览过

这篇文章主要介绍了解决vue 浏览器后退无法触发beforerouteleave的问题,需要的朋友可以参考下

现象

加载第一个组件（这里的第一个意思是浏览器历史记录的第一个，后文称为待监听组件）时，正常跳转其他页面可以触发beforeRouteLeave。但是按浏览器的后退按钮监听不到该事件。

解决方案

目前采用比较土且不实用的解决方案。加一层组件，再router.push到待监听组件，使得待监听组件非第一个组件，可以正常监听beforeRouteLeave事件。

立即学习“前端免费学习笔记（深入）”；

注意点：

由于打乱了原来的路由。需要在main.js中添加全局的路由监听

router.beforeEach((to, from, next) => {
 if (to is '用于跳转的组件' && from is '待监听组件') {
  router.go(-1) 
  next(false)
 } else {
  next()
 }
 // 这样当从一个普通页面A进入待监听组件时，在待监听组件中按返回键时能正常进入A
})

登录后复制

上面是我整理给大家的，希望今后会对大家有帮助。

在JavaScript中有关的trick

在webpack中实现动态引入文件

在微信小程序中如何实现圆形进度条

fankuan8-宾馆酒店行业网商务系统

fankuan8-宾馆酒店行业网商务系统 V201205采用主流的Asp+Access开发设计，更大气，更漂亮!占用空间小，速度快，后台一站式管理，功能全部开源。网站浏览器兼容性也比较好，网站功能方面的细节方面十分强大。本次升级修复了一些系统问题，以及一些浏览器兼容的问题;后台添加了完善的订单管理系统，这是上个版本所没有的;网站前台开始使用了fankuan8独立开发的互助链系统，开始使用时，在网