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

来源：10-5 响应结果封装

她不喜欢我女装

2020-07-17

请问老师，有没有好的办法可以监控一个页面的关闭，我之前尝试了监控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)
  }

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

写回答

1回答

扬_灵

2020-07-17

已采纳

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

她不喜欢我女装

非常感谢！

2020-07-22

共6条回复

Vue Element+Node.js开发企业通用管理后台系统

基于Element的中后台课程，一套中小型企业通用的后台管理系统

2829 学习 · 1714 问题

查看课程

相似问题

如何实时监控新增页面中的事件？

回答 1

前端如何监听页面关闭

回答 1

如何在dialog关闭时清空 dialog里填写新增的数据?

回答 1

老师，这边报错怎么弄啊

回答 1

老师你好，我到这一步卡住了可以上传到数据库，解析失败，页面上没有展示出数据

回答 1

打开慕课网App查看更多内容