实现手机物理返回键的跳转逻辑:除特殊页面(例如首页、我的等一级页面),单击跳转到前一页;一级页面(除首页)单击跳转到首页;首页单击提示“在单击一次,退出app”,单击两次退出app。
1.在main.js中
import Mui from ‘vue-awesome-mui‘;
Vue.use(Mui); <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>监听手机物理返回键,更改mui.back()这个方法的执行内容;必要时可以单独进行设置,或者通过路由守卫进行设置。
原文:https://www.cnblogs.com/wjl-boke/p/10931298.html