首页 > web前端 > js教程 > 使用Vue时浏览器后退无法触发beforeRouteLeave的问题

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

亚连
发布: 2018-06-15 17:33:58
原创
4499 人浏览过

这篇文章主要介绍了解决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中实现动态引入文件

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

在webpack中如何使用iconfont字体图标

在webpack中如何单独打包指定JS文件

在vue移动端中实现日期选择组件

使用node实现内置调试

react webpack打包后的文件(详细教程)

JavaScript的6种正则表达式(详细教程)

在javascript中如何实现填充默认头像

使用webpack打包处理bundle.js文件过大的问题

使用node.js实现抖音自动抢红包功能

在vue-cli中如何配置babel配置文件

如何使用babel安装配置教程

以上是使用Vue时浏览器后退无法触发beforeRouteLeave的问题的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板