vue+cordova实现退出app效果

Posted 2021-03-02 pycmsj

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