vue如何监听浏览器主动刷新
更新时间:2022年04月22日 10:50:00 作者:诺小D
这篇文章主要介绍了vue如何监听浏览器主动刷新,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
监听浏览器主动刷新
mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) //监听页面刷新触发事件 }, methods(){ beforeunloadHandler(e) { //根据事件进行操作进行操作 console.log(e) console.log('浏览器刷新') }, }, destroyed () { //进行监听销毁 window.removeEventListener('beforeunload', e =>this.beforeunloadHandler(e)) },
监听刷新事件如何写?
在网上找了很多都不能用,用下方这串代码,亲测有用,直接放在mounted执行即可:
mounted() { window.addEventListener("load", () => { //写入你想要执行的代码 }); },
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Vue实现Hover功能(mouseover与mouseenter的区别及说明)
这篇文章主要介绍了Vue实现Hover功能(mouseover与mouseenter的区别及说明),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-10-10Elementui el-input输入框校验及表单校验实例代码
输入框是使用非常多的元素,用来输入用户名、密码等等信息,Element提供了功能和样式丰富的输入框,下面这篇文章主要给大家介绍了关于Elementui el-input输入框校验及表单校验的相关资料,需要的朋友可以参考下2023-06-06
最新评论