最近自己的一个项目中要做app, 打算采用 vue + HBuilder 打包的方式实现. 当我弄完vue单页面的时候,满怀期待的去打包,运行还不错,唉?发现问题了.... 当我按安卓返回键的时候 应用退出了 并没有想像中 页面的返回...这怎么办呢?
我百度查了很多, 最后查到到了 安装vue-awesome-mui
然后在main.js 注册使用

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

最后在index.html
加入返回的处理js

<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>