vue 开发App监听手机 返回键返回上级路由以及退出

vue 开发App监听手机 返回键返回上级路由以及退出

一、mui进行手机物理键的监听

首先安装 vue-awesome-mui
npm i vue-awesome-mui

二、在main.js注册vue-awesome-mui

import Mui from "vue-awesome-mui"
Vue.use(Mui)

三、在index.html中监听手机返回键

 <script>
  mui(' body').on('tap', 'a', function() {
document. location.href = this.href;

});
mui.init({
swipeBack: false, //关闭右滑关闭功能(默认就是false)
keyEventBind: {
backbutton: true //开启back按键监听( 默认就是true)
}
});
var quitTime = null;
mui.plusReady(function(){
mui.back = function(){
//首次按键，提示“再按次退出应用’
if(!quitTime){ 
//记录第次按下回退键的时间 
quitTime = new Date().getTime();
//回退到上一页面
window.history.go(-1); 
setTimeout(function(){
//1s中后清除
quitTime = null;
},1000);
}
else{
if((new Date().getTime()-quitTime) < 1000){

plus.runtime.quit();
}
}
};
});


  </script>