vue单页面实现当前页面刷新或跳转时提示保存

5月16号更新:

我在vueRouter官网发现了更加优雅的解决方法!

不过没测试过,但是毕竟是官方给的,

官方具体地址

 

 

 

https://www.jb51.net/article/150028.htm

经过上面的文章的学习.

因为我做的是博客,但是添加博客页面一刷新用户原来填写的数据就没了,因此就需要一个在用户在添加博客这个页面刷新时要提示用户的需求

用以下代码即可

在你想提示的页面中的mounted中这么写,

mounted() {
      window.onbeforeunload = function(e) {
        e = e || window.event;
        // 兼容IE8和Firefox 4之前的版本
        if (e) {
          e.returnValue = "哈哈哈哈哈哈哈哈哈";
        }
        // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
        return '哈哈哈哈哈哈哈哈哈';
      }
    }

同时,我又不想别的页面也会有提示,因此在想提示的页面中的destroyed中这么写

destroyed() {
      window.onbeforeunload = null
    }