事件名称 何时触发
[error](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/error) 资源加载失败时。
[abort](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/abort) 正在加载资源已经被中止时。
[load](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/load) 资源及其相关资源已完成加载。
[beforeunload](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/beforeunload) window,document 及其资源即将被卸载。
[unload](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/unload) 文档或一个依赖资源正在被卸载。

beforeunload 页面卸载前

window,document 及其资源即将被卸载时触发。

🌰 :Vue中某表单页退出页面时提示

  1. mounted() {
  2. console.info(this.$route);
  3. // 浏览器刷新 || 关闭浏览器 时提示
  4. // let _this = this;
  5. // window.onbeforeunload = function (e) {
  6. // if (_this.$route.name == "Newsign") {
  7. // e = e || window.event;
  8. // // 兼容IE8和Firefox 4之前的版本
  9. // if (e) {
  10. // e.returnValue = "关闭提示1111";
  11. // }
  12. // // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
  13. // return "关闭提示222";
  14. // } else {
  15. // window.onbeforeunload = null;
  16. // }
  17. // };
  18. },
  19. beforeRouteLeave(to, from, next) {
  20. // 点击其他tabview || 关闭当前tabview时提示
  21. // const answer = window.confirm('确定要离开当前页面?')
  22. // if (answer) {
  23. // next()
  24. // } else {
  25. // next(false)
  26. // }
  27. },