首页 前端知识 vue关闭页面时执行事件

vue关闭页面时执行事件

2024-09-30 23:09:41 前端知识 前端哥 700 476 我要收藏

在vue中,可以通过监听浏览器的 beforeunload 事件在关闭页面时执行你想要的操作。

具体代码如下

created() {
    // 监听beforeunload事件
    window.addEventListener('beforeunload', this.handleBeforeUnload);
},
destroyed() {
    // 组件销毁前移除事件监听
    window.removeEventListener('beforeunload', this.handleBeforeUnload);
    //clearInterval(this.time);
},
methods: {
    handleBeforeUnload(event) { //页面关闭
    //系统默认弹出框
    event.returnValue = '你确定要离开吗?';
    // 在这里执行你需要的操作,比如保存数据
    this.doneLearning();
},

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18853.html
标签
评论
发布的文章

JSON简介

2024-09-30 23:09:25

Node.js和npm的安装及配置

2024-09-30 23:09:02

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!