vue 开发app处理手机返回键问题

安装依赖：npm i vue-awesome-mui

在main.js注入：

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

在index.html中监听手机返回键

<script>mui(' body').on('tap', 'a', function() {document. location.href = this.href;});mui.init({swipeBack: false, //关闭右滑关闭功能(默认就是false)keyEventBind: {backbutton: true //开启back按键监听( 默认就是true)}});var quitTime = null;mui.plusReady(function(){mui.back = function(){//首次按键，提示“再按次退出应用’if(!quitTime){//记录第次按下回退键的时间quitTime = new Date().getTime();//回退到上一页面window.history.go(-1);setTimeout(function(){//1s中后清除quitTime = null;},1000);}else{if((new Date().getTime()-quitTime) < 1000){plus.runtime.quit();}}};});</script>

此时运行，控制台报错：

vue 开发app处理手机返回键问题相关推荐

微信开发怎么控制手机返回键问题
在当前页面做图片点击放大,点手机返回键,会退出当前页面,体验非常不好. 这种情况,我们只需要欺骗一下浏览器的历史地址记录即可.方法如下: <script type="text/java ...
mui+vue监听安卓手机返回键
1.引入mui之后,在index.html中初始化mui,可以不设置keyEventBind,默认监听back,menu键 <script src=&qu ...
Vue 单页面处理手机返回键问题
在用Vue开发单页面App时候,有时会遇到要处理返回按键的逻辑,让它不是返回默认的上一级页面,而是转到指定的页面. 百度了查了一下,网上给的方法基本都是通过监听"popstate" ...
混合开发中，H5页面如何监听Android手机返回键
1. 前言混合开发中,如果当前操作的页面是H5写的.那么这个时候点击Android手机返回键,默认是返回到上一个页面,跟浏览器的回退功能是一样的,都是返回到历史记录中的前一个记录.看着好像没啥问题, ...
Android—— 手机返回键到主界面，不关闭APP
[背景]:需要实现类似QQ.微信那样,按手机返回键时不退出APP,而是返回到手机主界面 [实现原理]:在主活动中覆写onKeyDown()方法,当检测到返回键被触发时,通过Intent直接进入主界面. ...
移动端监听安卓手机返回键
[场景] 相信大家用安卓手机使用APP的过程中,会遇到这样的一个场景:按下手机的返回键时,会弹出一个询问框:"是否退出该页面/APP?",然后点击了确认键才真正退出APP.PC端目 ...
移动端监听安卓手机返回键 1
[场景] 相信大家用安卓手机使用APP的过程中,会遇到这样的一个场景:按下手机的返回键时,会弹出一个询问框:"是否退出该页面/APP?",然后点击了确认键才真正退出APP.PC端目 ...
vue开发app项目，涉及原生接口调用，用hbuilder打包
使用vue开发app项目,怎么使用手机的原生功能,以获取手机的相册,调用摄像头为例. 这里使用的是hbuilder打包. 第一步: 定义一个vue组件,代码如下: <template>&l ...
Android 手机返回键退出应用
对于后台代码退出手机应用这块就不用介绍了,网上这种方法太多了,我来说一下纯html页面退出手机应用的解决方案 http://dcloudio.github.io/mui/javascript/#clo ...
华为手机主界面的返回键怎么调出来_华为手机返回键怎么调整怎么设置返回键...
新买的手机不管怎么流畅,一旦用的时间长了之后不清理内存,手机就会越来越卡,为避免手机速度变慢,有必要及时清理,让软件缓存对手机使用不造成影响,.那么下面就让我们来看一下华为手机返回键怎么调整?华为手机 ...

vue 开发app处理手机返回键问题

vue 开发app处理手机返回键问题相关推荐

最新文章

热门文章