关于浏览器返回按钮的监听

项目框架Vue vue-router

由于项目需求,当点击浏览器返回按钮时,要求跳转到指定的页面

最开始打算在vue中调用 window.addEventListener('popstate',myFunc,false);

功能能实现,但是出现的bug很让人难受。

当调用window.removeEventListener("popstate", goBack(), false);发现清除不了这个监听,无论是写在methods的方法,还是单独的js文件中都无法清除掉这个监听。

所以改变思路,根据vue-router中的导航守卫,来判断to,from,比如说有A,B,C三个界面

这里我就随便举个例子,具体要看实际情况而定,反正思路就是这样的

router.beforeEach( (to,from,next) => {

    if(to.name = 'A' && from.name == 'B') {

                   next({name : 'C' , params : {'id':'跳页成功,还可以传递参数'}})

     }

})

问题解决,其实开发任何东西,既然用到的框架,就要仔细的阅读框架文档,每看一遍,收获的越多。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容