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)
    }
  • 相关阅读:
    《C程序设计语言》练习1-10
    《C程序设计语言》练习 1-8,1-9
    被这个C程序折腾死了
    《C程序设计语言》练习 1-6,1-7
    利用圆解一元二次方程
    三角插值的 Fourier 系数推导
    利用离散 Fourier 变换解一元二次方程
    关于selenium IDE找不到元素
    【★】深入BGP原理和思想【第一部】
    【★】深入BGP原理和思想【第一部】
  • 原文地址:https://www.cnblogs.com/zdz8207/p/vue-global-function-backbutton.html
Copyright © 2011-2022 走看看