vue 彈窗時 監(jiān)聽手機返回鍵關閉彈窗功能(頁面不跳轉)
更新時間：2019年05月10日 15:32:17 作者：Miss丨Fortunes
這篇文章主要介紹了vue 彈窗時 監(jiān)聽手機返回鍵關閉彈窗功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值(頁面不跳轉) ,需要的朋友可以參考下
[注]:popstate 事件
a.當活動歷史記錄條目更改時，將觸發(fā)popstate事件。
b.如果被激活的歷史記錄條目是通過對history.pushState（）的調(diào)用創(chuàng)建的，或者受到對history.replaceState（）的調(diào)用的影響，popstate事件的state屬性包含歷史條目的狀態(tài)對象的副本。
c.需要注意的是調(diào)用history.pushState()或history.replaceState()不會觸發(fā)popstate事件。
d.只有在做出瀏覽器動作時，才會觸發(fā)該事件，如用戶點擊瀏覽器的回退按鈕（或者在Javascript代碼中調(diào)用history.back()）
具體代碼：
1.彈窗事件中調(diào)用
2. mounted 生命周期 監(jiān)聽popstate 事件
3.beforeDestroy 生命周期 移除popstate 事件
總結
以上所述是小編給大家介紹的vue 彈窗時 監(jiān)聽手機返回鍵關閉彈窗功能(頁面不跳轉)，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
本篇文章主要介紹了vue如何在自定義組件中使用v-model，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
最近入職了新公司,接手了一個新拆分出來的Vue項目,針對該項目做了個打包優(yōu)化,下面這篇文章主要給大家介紹了關于Vue項目中打包優(yōu)化的四種方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了在vue3中使用import.meta.env方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
本文主要介紹了vue3中使用jsx的實現(xiàn)步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
解決vue接口數(shù)據(jù)賦值給data沒有反應的問題
今天小編就為大家分享一篇解決vue接口數(shù)據(jù)賦值給data沒有反應的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了vue長按事件touch,文末給大家補充介紹了Vue長按觸摸事件的實現(xiàn)代碼，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
解決Vue使用mint-ui loadmore實現(xiàn)上拉加載與下拉刷新出現(xiàn)一個頁面使用多個上拉加載后沖突問題
這篇文章主要介紹了解決Vue使用mint-ui loadmore實現(xiàn)上拉加載與下拉刷新出現(xiàn)一個頁面使用多個上拉加載后沖突問題,需要的朋友可以參考下2017-11-11
關于vue中element-ui?form或table?lable換行的問題
這篇文章主要介紹了vue中element-ui?form或table?lable換行的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了Vue之定義全局工具類問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
本文給大家介紹Vue項目使用nginx方式部署前端,vue項目編譯打包在項目根目錄下運行npm run build 進行編譯打包,本文給大家介紹的非常詳細,需要的朋友跟隨小編一起看看吧2023-10-10