vue-app物理返回键跳到指定页面

1、挂载完成后,判断浏览器是否支持popstate

mounted(){

  if(window.history && window.history.pushState) {

    history.pushState(null,null, document.URL);

    window.addEventListener('popstate',this.goBack,false);

  }

},

2,页面销毁时,取消监听。否则其他vue路由页面也会被监听

destroyed(){

  window.removeEventListener('popstate',this.goBack,false);

},

3将监听操作写在methods里面,removeEventListener取消监听内容必须跟开启监听保持一致,所以函数拿到methods里面写

methods:{

  goBack(){

    this.$router.replace({path: '/'});

    //replace替换原路由,作用是避免回退死循环  }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容