想要在離開頁面時,讓瀏覽器彈窗提醒提示信息,可以加上window.onbeforeunload事件
// onbeforeunload事件
window.onbeforeunload = function (e) {
e = e || window.event;
if (e) {
e.returnValue = '離開頁面,答案不會保存';
}
return "離開頁面,答案不會保存";
};
在vue項目中,可將其添加在created鉤子裏,然後在頁面desdry的時候清除,以免影響其他頁面
beforeDestroy () {
// 離開頁面清除onbeforeunload事件
window.onbeforeunload = () => {}
}
這裏只可指定文本,在很早之前版本的chrome瀏覽器中,爲了安全性和用戶體驗,已經不支持讓開發者修改回調事件了,也就已經無法在用戶選擇繼續關閉或取消關閉時,進行別的事件操作了