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