Jiang_JY 2022-05-10 16:03 采纳率: 100%
浏览 254
已结题

vue项目在手机百度浏览器上点击返回直接返回到百度浏览器首页,该如何解决

本人在开发vue移动端项目时,在手机百度浏览器上点击返回直接返回到百度浏览器首页,返回是通过history.pushState()和监听popstate事件来实现的,在其他浏览器上没有问题,自己找了以下原因发现百度浏览器上的history.pushState()是无效的,应该怎么解决?

以下是具体实现代码:

  mounted(){
    // 如果支持 popstate (一般移动端都支持)
    if (window.history && window.history.pushState) {
      // 往历史记录里面添加一条新的当前页面的url
      history.pushState(null, null, document.URL);
      // 给 popstate 绑定一个方法监听页面返回
      window.addEventListener('popstate', this.back, false); //false阻止默认事件
    }
  },

  destroyed() {
    window.removeEventListener('popstate', this.back, false); //false阻止默认事件
  },

  methods: {
    back(){
        this.$router.go(-1)
    },
  }

手机百度浏览器上返回直接返回到百度浏览器首页,怎么解决?

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 5月18日
    • 创建了问题 5月10日