vue+cordova實現退出app效果


//vue鈎子函數created方法中添加監聽等待設備API庫加載好
created(){
  var that = this;
  document.addEventListener("deviceready", that.onDeviceReady, false);
}
methods:{
    //設備API可以使用了,然后在vue的methods中添加如下方法
  onDeviceReady() {
    var that = this;
       document.addEventListener("backbutton", that.eventBackButton, false);
  },
  //監聽返回鍵按鈕事件
  eventBackButton(){
    var that = this;
       that.$toast('再按一次退出');//這里使用的是vantUI框架的彈窗提示,此處可根據自身項目進行更改
       document.removeEventListener("backbutton", that.eventBackButton, false); //注銷返回鍵
       document.addEventListener("backbutton", that.exitApp, false);//綁定退出事件
       var intervalID = setInterval(() => {
         document.clearInterval(intervalID);
         document.removeEventListener("backbutton", that.exitApp, false);
         document.addEventListener("backbutton", that.eventBackButton, false);
       },2000);
  },
  // 關閉app
  exitApp() {
      var that = this;
      navigator.app.exitApp();
  }
}
//頁面離開時銷毀監聽事件
destroyed() {
  var that = this;
  document.removeEventListener("backbutton", that.exitApp, false);
  document.removeEventListener("backbutton", that.eventBackButton, false);
},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM