我写的是一个html文件,然后文件内引入了vue的语法使用。然后这个html文件放在了公众号上,公众号菜单有一个聊天按钮,点击进入了这个页面,只有一个页面,所以没有返回,只有关闭或者手机自带的返回。
界面是这样的。我想问下,如何监听到用户关闭了这个页面,或者说通过返回或者手机清理了后台之类的,总之就是用户不在这个页面上了,我想监听到,在这之前给后端发送一个数据表示用户下线了。我试了网上的方法都不行,求解!!
楼上说的对,destroyed只是监听组件的销毁,并不能监听页面的关闭 ,可以用 window.addEventListener('unload', ()=> {
在这里做你的操作,如请求接口等,请求接口axios 异步请求不生效,可以使用fetch请求
})
亲测有效
beforeDestroy( 销毁前)
destroyed (销毁后)
vue 生命周期
用了vue,可以在vue的生命周期destroyed里做相对应的操作
destroyed只是监听组件的销毁,并不能监听页面的关闭,JS监听浏览器页面的关闭,可以使用window对象的onbeforeunload方法,具体用法自己百度下