mui進行手機物理鍵的監聽

首先安裝 vue-awesome-mui

npm i vue-awesome-mui

在main.js註冊

import Mui from ‘vue-awesome-mui’;

Vue.use(Mui);

mui.init({
	keyEventBind: {
		backbutton: true //關閉back按鍵監聽
	}
});
// //首頁返回鍵處理
// //處理邏輯：1秒內，連續兩次按返回鍵，則退出應用；
var first = null;
mui.back = function() {
	//首次按鍵，提示  再按一次退出應用
	var href = window.location.href;
	var arrUrl = href.split("#");
	var prams = '' ;
	if(arrUrl[1].indexOf('?')>0){
		var page = arrUrl[1].split("?");
		prams = page[0];
	}else{
		prams = arrUrl[1];
	}
	var endparms = new Array();
	endparms= prams.split("/");
	if(!first && (endparms[1] == 'home' || endparms[1]=='')) {
		first = new Date().getTime(); //記錄第一次按下回退鍵的時間
		mui.toast('再按一次退出應用'); //給出提示
		setTimeout(function() { //1s中後清除
			first = null;
		}, 1000);
	} else if(!first && endparms[1] != 'home') {
		history.go(-1) //回退到上一頁面
	} else {
		if(new Date().getTime() - first < 1000) { //如果兩次按下的時間小於1s，
			plus.runtime.quit(); //那麼就退出app

		}
	}
};