• vue,页面返回触发事件


    // 禁用浏览器返回键
    
      history.pushState(null, null, document.URL);
    
      window.addEventListener('popstate', this.disableBrowserBack);

    在mounted中添加以上代码,其中disableBrowserBack为方法,

    在methods中定义方法

    disableBrowserBack(){  
          alert("无法返回,请提交")
          history.pushState(null, null, document.URL);
          window.addEventListener('popstate', this.disableBrowserBack);
        }

    如果在以上方法中不再加

    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', this.disableBrowserBack);
    则页面提示一次后再点击返回则依然会返回,如果添加以上代码,多次点击返回也可以
  • 相关阅读:
    超链接导航栏案例
    css中定位功能的特性
    background的使用
    数据库单表查询
    各种算法
    面向对象能做什么和特性及嵌套
    c3算法详解
    面向对象继承
    生成器
    迭代器
  • 原文地址:https://www.cnblogs.com/brillant/p/15400973.html
Copyright © 2020-2023  润新知