hbuilder+vue单页应用打包成APP后退按钮返回上一页的问题

最新推荐文章于 2021-04-06 16:58:45 发布

汪映

最新推荐文章于 2021-04-06 16:58:45 发布

阅读量816

点赞数

文章标签： vue javascript js app

本文链接：https://blog.csdn.net/weixin_45741905/article/details/108270635

版权

APP打包工具：hbuilder

需要js包：mui.js ，引入方法https://www.cnblogs.com/v616/p/11290281.html

实现原理：在vue根组件App.vue监听安卓机，按后退键时候vue的路由path

代码App.vue

代码片段：
data() {
return {
tabbarShow:true,
arrTab:[’/home’,’/cat’,’/history’,’/me’]
};
},
mounted(){
// 安卓后退键
this. $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dots 0; this.$ mui.back = ()=> {
let path = this.$route.path;
console.log(“path:”+path);

    if (this.arrTab.includes(path)) {
      // 主导航页
      if (this.$mui.os.ios) return;
      if (backcount > 0) {
        if (window.plus) plus.runtime.quit();
        return;
      };
      this.$toast('再点击一次退出应用!');
      backcount++;
      setTimeout( () =>{
        backcount = 0;
      }, 2000);
    } else {
      // 子页面
      console.log('子页面后退键');
      this.$router.go(-1);
    }
  };
})