vue生成的APP一般点击一次物理返回按钮便直接退出应用,用户使用时比较不方便。使用mui中的方法实现需要点击两次再退出应用。代码如下
1.npm下载一个mui依赖
npm install --save vue-awesome-mui
2.在main.js中引用
import Mui from 'vue-awesome-mui'
Vue.use(Mui)
3.在根目录中的index.html页面中添加实现方法:
<script type="text/javascript">
mui.init({
keyEventBind: {
backbutton: true, //关闭back按键监听
}
})
//首页返回键处理
// 处理逻辑: 1s内,连续两次按返回键,则退出应用;
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>