这个解决方案需要用到mui.js 使用npm安装可能会报错
1.index.html引入mui
<script src="./static/mui/js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
//监听Android手机的back、menu按键
keyEventBind: {
backbutton: true, //Boolean(默认true)关闭back按键监听
menubutton: true //Boolean(默认true)关闭menu按键监听
},
});
</script>
若只在首页两次按键退出应用,其他页面一次按键返回上一页,做出以上设置即可。
若需要在其他页面两次按键退出应用,继续以下设置
2.需要两次返回键退出应用的vue页面做出如下设置
mounted() {
// mui.init();
var clickNum = 0;
mui.back = function(event) {
clickNum++;
if(clickNum > 1) {
plus.runtime.quit();
} else {
mui.toast("再按一次退出应用");
}
setTimeout(function() {
clickNum = 0
}, 2000);
return false;
}
},
3.其他一次返回页面均要写入返回方法,否则会执行上一个覆盖监听返回键的方法
mounted() {
mui.back = function() {
window.history.go(-1);
}
},