在浏览器上浏览vue项目,后退按钮是可以正常返回上一页的,但打包成app后,点击手机上的物理返回按钮就直接退出app回到桌面...
生活随笔
收集整理的這篇文章主要介紹了
在浏览器上浏览vue项目,后退按钮是可以正常返回上一页的,但打包成app后,点击手机上的物理返回按钮就直接退出app回到桌面...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
mui進行手機物理鍵的監聽
首先安裝?vue-awesome-mui
npm?i?vue-awesome-mui
在main.js注冊
import?Mui?from?'vue-awesome-mui'; Vue.use(Mui); 在index.html <script> mui.init({ ??keyEventBind:?{ ????backbutton:?true?,?// 關閉back按鍵監聽 ??} }); // 首頁返回鍵處理 // 處理邏輯:1秒內,連續兩次按返回鍵,則退出應用; var?first?=?null; mui.back?=?function()?{ ??//首次按鍵,提示?再按一次退出應用 ??if?(!first)?{ ????first?=?new?Date().getTime();?// 記錄第一次按下回退鍵的時間 ????mui.toast("再按一次退出應用");?// 給出提示 ????history.go(-1);?// 回退到上一頁面 ????setTimeout(function()?{ ??????// 1s中后清除 ??????first?=?null; ????},?1000); ??}?else?{ ????if?(new?Date().getTime()?-?first?<?1000)?{ ??????//如果兩次按下的時間小于1s, ??????plus.runtime.quit();?//那么就退出app ????} ??} }; </script> 摘自:https://bbs.csdn.net/topics/392322972的論壇答復轉載于:https://www.cnblogs.com/wr20190131/p/10508826.html
總結
以上是生活随笔為你收集整理的在浏览器上浏览vue项目,后退按钮是可以正常返回上一页的,但打包成app后,点击手机上的物理返回按钮就直接退出app回到桌面...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Spring源码导入IDEA
- 下一篇: html5倒计时秒杀怎么做,vue 设