H5W3
当前位置:H5W3 > 其他技术问题 > 正文

vue如何防止$router.back()跳出当前站点?

假设浏览器当前打开的是百度主页,然后在地址栏里面输入站点的某个页面,该页面上包含返回按钮,代码如下:

methods: {
    goBack(){
        this.$router.back()
    }
}

当你点击返回按钮的时候(可能该页面只有一个返回按钮),浏览器会导航到百度主页,如何防止这个问题呢?

回答:

可判断document.referrer,不是自己的主站直接跳到首页去。

回答:

想到一个办法,在路由拦截器里面存储来源地址,如果来源地址不是当前站点的路由,设置来源为首页,当$router.back()的时候$router.replace(currPath)就可以了

本文地址:H5W3 » vue如何防止$router.back()跳出当前站点?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址