zoukankan      html  css  js  c++  java
  • 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);
    },
  • 相关阅读:
    LOL 战斗力查询
    D3js-对柱状图的增,删,排序
    我的项目7 js 实现歌词同步(额,小小的效果)
    为什么电脑启动任务管理器会这样
    OpenCV求取轮廓线
    leetcode-Reverse Words in a String
    Linux lvs DR配置
    p2p网贷3种运营模式
    T4308 数据结构判断
    1080 线段树练习
  • 原文地址:https://www.cnblogs.com/pycmsj/p/12641168.html
Copyright © 2011-2022 走看看