vue如何在用戶要關(guān)閉當(dāng)前網(wǎng)頁時彈出提示的實現(xiàn)
本文介紹了vue如何在用戶要關(guān)閉當(dāng)前網(wǎng)頁時彈出提示的實現(xiàn),分享給大家,具體如下:
效果如下圖
正常 js 頁面處理方式
window.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = ’關(guān)閉提示’; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return ’關(guān)閉提示’;};
vue 中處理方式
let _this = this window.onbeforeunload = function (e) { if (_this.$route.name == 'dyyPerformanceCenterSale') { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = ’關(guān)閉提示1111’; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return ’關(guān)閉提示222’; } else { window.onbeforeunload = null } };
針對很多同學(xué)說的沒有實現(xiàn) ,我這里在詳細(xì)描述一下 方法寫在 mounted里面 ,然后 記得把route name替換成自己當(dāng)前頁面的
到此這篇關(guān)于vue如何在用戶要關(guān)閉當(dāng)前網(wǎng)頁時彈出提示的實現(xiàn)的文章就介紹到這了,更多相關(guān)vue關(guān)閉當(dāng)前網(wǎng)頁時彈出提示內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. JAMon(Java Application Monitor)備忘記2. js的一些潛在規(guī)則使用分析3. 如何用 Python 制作一個迷宮游戲4. 讓chatgpt將html中的圖片轉(zhuǎn)為base64方法示例5. IntelliJ IDEA設(shè)置默認(rèn)瀏覽器的方法6. Python PyQt5中彈出子窗口解決子窗口一閃而過的問題7. NetCore 配置Swagger的詳細(xì)代碼8. Python基于pyjnius庫實現(xiàn)訪問java類9. php設(shè)計模式之備忘模式分析【星際爭霸游戲案例】10. python怎樣讀取txt文件的數(shù)據(jù)內(nèi)容
