zoukankan      html  css  js  c++  java
  • vue 定义全局函数,监听android返回键事件

    vue 定义全局函数,监听android返回键事件

    方法一:main.js 注入
    (1)在main.js中写入函数
    Vue.prototype.changeData = function (){
    alert('执行成功');
    }
    (2)在所有组件里可调用函数
    this.changeData();

    方法二:
    单独创建一个 .js 文件,用于存放常用函数,并全局引用

    (1)写好自己需要的base.js文件
    exports.install = function (Vue, options) {
    Vue.prototype.changeData = function (){
    alert('执行成功');
    };
    };
    (2)main.js 引入并使用
    import base from './base'
    Vue.use(base);
    (3)在所有组件里可调用函数
    this.changeData();

    =====================

    监听android返回键事件

    Vue.prototype.listenerBackbutton = function (){
        var time = new Date().getTime();  // 用来存上一次按键时间;
        setTimeout(() => {
            // 监听返回按钮
            document.addEventListener('backbutton', function (evt) {
                alert("backbutton");
                console.log('监听按钮');
                var url = location.hash.split('/')[1];
                if (url === 'home' || url === 'login' ) {// 处于app首页、登录页,满足退出app操作
                    if (new Date().getTime() - time < 2000) {// 小于2s,退出程序
                        //navigator.app.exitApp();//cordova工具时调用的
                        plus.runtime.quit();//hbuild工具时调用的
                    } else {   // 大于2s,重置时间戳,
                        time = new Date().getTime();
                        // Toast('再次点击退出', 2000);
                    }
                    return;
                } else {
                    console.log('不满足条件')
                    history.back();  // 不满足退出操作,,返回上一页
                }
            }, false);
        }, 10)
    }
  • 相关阅读:
    poj 2002 Squares 几何二分 || 哈希
    hdu 1969 Pie
    hdu 4004 The Frog's Games 二分
    hdu 4190 Distributing Ballot Boxes 二分
    hdu 2141 Can you find it? 二分
    Codeforces Round #259 (Div. 2)
    并查集
    bfs
    二维树状数组
    一维树状数组
  • 原文地址:https://www.cnblogs.com/zdz8207/p/vue-global-function-backbutton.html
Copyright © 2011-2022 走看看