vuejs学习之路 界面刷新，弹一个提示窗是否保存数据（四）

在使用过程中，我的用户有个习惯：使用之前先刷新一下页面，即使这个页面有刚才他填写的数据，所以就有了这个需求：刷新的时候，能不能出来个框框，类似这种：

 

如下代码有一个问题，就是刷新其它页面，有时候也会出现这个弹窗，怀疑是destoryed的问题。

created() {
  window.addEventListener('beforeunload', this.beforeunloadHandler, false)
},

destroyed() {
  window.removeEventListener('beforeunload', this.beforeunloadHandler, false)
},

methods: {
  beforeunloadHandler(e) {
    e.returnValue = '确定要关闭窗口吗？'
  }
}

原理：见vue生命周期。