在使用beforeRouteLeave时要注意两点：
1. next(false)阻止路由继续进行,若不先阻止，会多次执行守卫中的代码
2. 利用setTimeout延时触发弹窗，避免出现闪现情况vue-router离开当前页面提示未保存，解决在使用beforeRouteLeave弹窗多次闪现问题
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
vue路由离开当前页面进行confirm提示，使用beforeRouteLeave实现(confirm会弹出来又消失)
使用vue-router切换页面时，获取上一页url以及当前页面url
vue2.0组件内的守卫（beforeRouteLeave实现 编辑未保存，弹窗提示）
vue单页面：当前页面刷新或跳转时提示保存
关于Vue中，$this.router.push到当前页面，只是传入参数不同，页面不刷新的问题解决
vue 页面离开时弹窗提示
Vue项目中，判断路由跳转,离开当前页面进行提示
解决Vue 使用vue-router切换页面时 页面显示没有在顶部的问题
js定时器 离开当前页面任然执行的问题
vue中使用router-link URL中的路径变化，但是当前页面不刷新的解决方法