vue 开发webapp 手机返回键 退出问题

mui进行手机物理键的监听

首先安装 vue-awesome-mui

npm i vue-awesome-mui

在main.js注册

import Mui from 'vue-awesome-mui';

Vue. use( Mui);

在index.html

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