Add the following js code
<html>
<head>
<style>
</style>
</head>
<body>
刷新或者关闭窗口触发事件
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script lang="typescript/js">
/*
这样关闭和刷新窗口的时候都会提示
遇到问题：
1、如果打开界面没有任何操作，包括单机界面，是不会出发一下事件的
2、修改提示文字好像没有起作用。
*/
window.isCloseHint = true;
//初始化关闭
window.addEventListener("beforeunload", function(e) {
if (window.isCloseHint) {
var confirmationMessage = "要记得保存！你确定要离开我吗？";
(e || window.event).returnValue = confirmationMessage; // 兼容 Gecko + IE
return confirmationMessage; // 兼容 Gecko + Webkit, Safari, Chrome
}
});
</script>
</body>
</html>
Use in vue
mounted () {
window.isCloseHint = true
// 初始化关闭
window.addEventListener('beforeunload', function (e) {
if (window.isCloseHint) {
let confirmationMessage = '您确定要关闭窗口吗，如果关闭窗口下载会停止！';
(e || window.event).returnValue = confirmationMessage
return confirmationMessage
}
})
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。