美文网首页
关于浏览器返回按钮的监听

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

作者: North_8627 | 来源:发表于2018-05-24 15:14 被阅读0次

项目框架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':'跳页成功,还可以传递参数'}})

     }

})

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

相关文章

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

    项目框架Vue vue-router 由于项目需求,当点击浏览器返回按钮时,要求跳转到指定的页面 最开始打算在vu...

  • 跳转外部域名网站

    解决手机返回按钮的监听页面返回....

  • 2. UITextField

    标签:代理、监听编辑状态、监听返回按钮、键盘属性(返回按钮等)、Storyboard属性详解 一、常用技巧: 1....

  • vue:监听浏览器返回按钮

    前题条件: vue要想监听浏览器回退按钮,需要两个东西的支持。 1.增加一个history的空状态 必须有这个空状...

  • vue监听浏览器返回

    需求 我在某个页面用了缓存,假如点击了浏览器返回按钮,需要清除缓存信息 代码 监听返回 因为这个页面有跳转其他页面...

  • 可能你所不知道的知识

    一、监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法 虽然我们监听到了后退事件,但是页面还是...

  • Swift - 监听返回按钮及侧滑返回事件

    今天记录一下监听返回按钮及侧滑返回事件的方法。 项目中,有些特殊的需求,需要监听左上角返回按钮的触发事件,之前的遇...

  • vue技巧:监听浏览器返回按钮

    前题条件: vue要想监听浏览器回退按钮,需要两个东西的支持。 1.增加一个history的空状态 必须有这个空状...

  • [Flutter]监听Android返回键事件

    需求监听Android返回键按钮点击事件 实现通过 WillPopScope 可以实现对返回键点击事件的监听,通过...

  • 返回顶部实现

    当用户下拉一定距离,显示返回顶部按钮 监听下拉 返回顶部

网友评论

      本文标题:关于浏览器返回按钮的监听

      本文链接:https://www.haomeiwen.com/subject/oydsjftx.html