javascript - 如何在Vue中关闭一页之前存储数据

Question

据我所知，如果你关闭或刷新页面，Vue 中的钩子(Hook) 'beforedestroy' 和 'destroyed' 不会被触发。所以也许我可以使用

window.onbeforeunload = function() { ... }

这是代码

mounted() {
            window.onbeforeunload = function() {
                window.localStorage.setItem('form', JSON.stringify(this.form))
            }
        }

但是，我存储的内容是未定义的。所以我认为当函数被调用时实例已经被销毁了。这样this.form就无法访问了，还有其他办法吗？

Answer 1

您通过定义匿名函数来隐藏 this 关键字，请改用箭头函数:

window.onbeforeunload = () => {
  window.localStorage.setItem('form', JSON.stringify(this.form))
}