vuejs中监听窗口关闭和窗口刷新事件的方法
1、使用window.onunload之类的API
window.onbeforeunload = function (e) {
e = e || window.event;
// 兼容IE8和Firefox 4之前的版本
if (e) {
e.returnValue = '关闭提示';
}
// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
return '关闭提示';
};
2、在生命周期钩子中注册监听事件
methods: {
beforeunloadHandler (e) {
// ...
}
}
在 mounted 钩子中注册事件
mounted() {
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
在 destroyed 钩子卸载事件
destroyed() {
window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
以上这篇vuejs中监听窗口关闭和窗口刷新事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
问题内容： 我添加了一个窗口状态侦听器，如下所示： 但是，当我使用X关闭按钮时，不会调用该事件。我认为这与netbean jdesktop框架有关。但是我找不到问题所在。谢谢你的帮助。 问题答案： 是界面的一部分。使用代替。
-
问题内容： 我想在AngularJS服务中监听窗口事件，以便可以将它们广播到我的控制器。 我有一个Chrome扩展程序，可以使用发送任何消息。 我希望我的angularjs服务侦听该消息并将其发送到使用 在我的服务内部，我正在尝试通过以下侦听器这样做。 我也尝试过，但是我不知道为什么上面的代码不起作用。同样是我的IDE，jetbrains webstorms将上述代码片段归类为不可访问。 在此之前
-
vue3 监听浏览器窗口关闭事件，在窗口close前发送一个请求？ 现在想在浏览器窗口关闭前给后台发个请求，但是在window的beforeunload里写好像不触发？请问该如何解决呢？
-
本文向大家介绍c# 实现子窗口关闭父窗口也关闭的方法，包括了c# 实现子窗口关闭父窗口也关闭的方法的使用技巧和注意事项，需要的朋友参考一下 其实是窗口间通讯的问题，在form1上打开form2 ，form2 关闭时关闭form1 实现方法： 在子窗口form2中声明事件： 然后在它的关闭事件中触发本事件： 在父窗口form1中（比如登陆窗口中）： 然后弹出子form2窗体的地方这样写： 以上这篇c
-
问题内容： 最终编辑： 我在关闭pyplot窗口这一主题上发现，实际上可能不应该使用pyplot完成它。SRK给出了一个很好的示例，说明如何处理将在下面的答案中更新的图。我也偶然发现了如何将pyplot图放到Tkinter窗口中，并且Tkinter比pyplot更擅长打开和关闭窗口。这里是怎样把一个pyplot情节变成Tk的窗口， /最终编辑 我希望能够显示多个图，然后能够从某些代码输入中分别关闭
-
我刚刚花了相当多的时间来寻找pygame的64位安装，以便与Python3.3一起使用（这里），现在我正在尝试创建一个窗口。然而，尽管窗口打开得很好，但当它按下x按钮时并没有关闭。事实上，我必须关闭闲置关闭窗口。我正在运行Win7的64位版本。这是我的密码： 当我附加 它仍然没有关闭。我唯一的猜测就是那个游戏。退出可能会进入其中一个循环，但即使解决了这个问题，我还是更愿意在需要时关闭窗口。