美文网首页
VUE项目中阻止手机物理返回键

VUE项目中阻止手机物理返回键

作者: 嘤夏影 | 来源:发表于2019-07-11 17:47 被阅读0次

    直接上代码

      mounted() {
             if (window.history && window.history.pushState) {
                    history.pushState(null, null, document.URL);
                    window.addEventListener('popstate', this.fun, false);    //false阻止默认事件    this.fun是指返回按建实际要执行的方法
              }
      }
    
       destroyed(){  // 销毁时取消监听
            window.removeEventListener('popstate', this.fun, false);//false阻止默认事件
        },
    

    相关文章

      网友评论

          本文标题:VUE项目中阻止手机物理返回键

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