如何监控一个页面的关闭？

Question

请问老师，有没有好的办法可以监控一个页面的关闭，我之前尝试了监控vuex的变化来确定页面是关闭，但是没有成功，主页面中：

  computed: {
    isEdit () {
      return this.$store.state.editing
    }
  },
   watch: {
    isEdit (newVal, oldVal) {
      console.log('editing is change')
    }
  },

被监听页面中：

  created () {
    this.$store.commit('SET_EDITING', true)
  },
  destroyed () {  
	this.$store.commit('SET_EDITING', true)
  }

请问这样是否可行？是否有更好的思路？

Answer 1

扬_灵 2020-07-17 17:25:05

同学你好，你可以看一下onbeforeunload和onunload这两个方法。 onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。onunload 事件在用户退出页面时发生。如果不能解决你的问题，可以继续追问。

• 提问者 她不喜欢我女装 #1

  谢谢解答 但是我的问题不在此 我可以操作页面关闭的动作，我想请教的是vuex的机制，我打开了两个页面 在其中一个修改vuex中的值，另一个页面中的同样的值会不会修改？两个页面中的值是否使用的是同一块内存？

• 扬_灵 回复 提问者 她不喜欢我女装 #2

  打开了两个页面 在其中一个修改vuex中的值，另一个页面中的同样的值也会被修改，两个页面中的值使用的是同一块内存中的数据。

• 提问者 她不喜欢我女装 回复 扬_灵 #3

  这里我也不太懂想再请教一下，我用onunload或者onbeforeunload和我用钩子函数destoryed有区别么？

点开查看后面3条评论