美文网首页
vant框架sku组件未关闭导致页面无法正常滚动

vant框架sku组件未关闭导致页面无法正常滚动

作者: 塔塔七 | 来源:发表于2020-09-08 15:46 被阅读0次
    问题
    由于页面物理键返回时sku没有关闭,导致所有页面无法正常滚动
    
    处理方案
    监听物理返回键自定义返回方法(ts写法)
    
    public mounted() {
      const win: any = window;
      // 如果支持 popstate 一般移动端都支持了
      if (window.history && window.history.pushState) {
        // 往历史记录里面添加一条新的当前页面的url
        history.pushState(null, null as any, document.URL);
        // 给 popstate 绑定一个方法 监听页面刷新
        window.addEventListener("popstate", this.backChange, false); // false阻止默认事件
      }
    }
    
    private backChange() {
      this.skuShow = false;
      this.$router.back();
    }
    //页面销毁前阻止默认事件,以防影响其他页面
    destroyed() {
      window.removeEventListener("popstate", this.backChange, false); //false阻止默认事件
    }
    

    相关文章

      网友评论

          本文标题:vant框架sku组件未关闭导致页面无法正常滚动

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