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

时间:2021-02-06 08:32:30

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