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()這個方法的執行內容；必要時可以單獨進行設置，或者通過路由守衛進行設置。