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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM