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

 

posted @ 2019-03-06 21:12  大自然的流风  阅读(4756)  评论(0编辑  收藏  举报