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);},

 

相关文章