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 @   大自然的流风  阅读(4808)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2013-03-06 android获取Button文本 从一个按钮开关中获取文本
点击右上角即可分享
微信分享提示