vue打包成apk实体键返回的解决办法

393 阅读1分钟

这个解决方案需要用到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);
        }
    },