cordova+vue混合開發處理返回鍵問題(雙擊退出)

本例基於cordova+vue的混合開發。

data中定義變量 :

data(){
    return{
        exitAppTicker:0
    };
}

 methods定義處理返回鍵方法,這裏示例的是處理安卓雙擊提示退出,isHomePage自己根據自己項目路由路徑或名字判斷:

backbutton(){
    document.addEventListener("deviceready",function(){
        document.addEventListener("backbutton", function(){
            if(this.isHomePage()){
                if(exitAppTicker == 0){
                    exitAppTicker++;
                    alert("再點一次退出");
                    setTimeout(function(){
                            exitAppTicker = 0;
                    },2000);
                }else if(exitAppTicker == 1){
                    navigator.app.exitApp(); //退出app
                }  
                }else{
                    history.back();
                }
        }, false);
    },false);
}

//自己判斷爲首頁的方法
isHomePage(){
    let path = this.$route.path.toString();
    let pName = this.$route.name.toString();
    //..........
}

最後,mounted中調用backbutton();

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章