Cordova android кнопка подтверждения сообщения

Question

Я работаю с приложением vue.js на базе Cordova, связанным с Monaca и onsen.ui. Мне нужно поработать над кнопкой "Назад" на Android, чтобы она показывала мне подтверждающее сообщение всякий раз, когда пользователь нажимает кнопку "Назад" на телефоне. должно отображаться два варианта "Да" и "Нет". Если пользователь нажимает "да", то пользователь покидает приложение и в противном случае остается в приложении. Поскольку я новичок в Vue.js, пожалуйста, помогите мне найти решение для его реализации в vue.js. Я пробовал другое решение, доступное в Stackru, но, похоже, ничего не работает. Буду благодарен за вашу помощь.

mounted(){
            document.addEventListener('backbutton', this.onBackKeyDown, false);

        },
methods{
 onBackKeyDown:  function  (e) {
                    e.preventDefault();
                    alert('Back Button is Pressed!');
                    navigator.notification.confirm("Are you sure you want to exit ?",this.onConfirm(), "Confirmation", "Yes,No");
                    // Prompt the user with the choice
                },
                onConfirm: function (button) {
                    if (button === 2) {
                        return;
                    } else {
                        navigator.app.exitApp();
                    }
                },
}

Answer 1

Неважно, какой JS вы используете. Если вы хотите выполнить вышеуказанное требование, вам необходимо установить следующий плагин.

cordova plugin add cordova-plugin-dialogs

и образец кода следующим образом

document.addEventListener("deviceready", onDeviceReady, false);
 function onDeviceReady(){
         document.addEventListener("backbutton", function(e){
        navigator.notification.confirm("Are you sure you want to exit the application?",fnLogout,"Warning","Ok,Cancel"); // u can change the button names in the place of ok,cancel.
    }, false); 
}

function fnLogout(button) {
    if(button == 1) {
        navigator.app.exitApp(); //exit from the if presses "ok"
    } else {
        return; //No action if presses "cancel"
    }                     
 }