angular.js - Bagaimanakah aplikasi satu halaman (ng/vue) harus memantau apabila pengguna meninggalkan halaman (atau laluan) semasa?

Question

Perihalan senario: Dalam laluan tertentu ng, apabila pengguna meninggalkan laluan semasa, pengguna perlu digesa untuk mengesahkan sama ada untuk meninggalkan

Ragu saya: Jika ia adalah aplikasi biasa, kita boleh menggunakan js untuk menentukan sama ada pengguna mahu keluar, tetapi dalam aplikasi satu halaman, semua lompatan dan keluar sebenarnya pada satu halaman pengguna meninggalkan laluan semasa, tetapi kaedah yang disediakan oleh ng untuk akaun awam untuk meninggalkan laluan tidak ditemui

Tolong beri saya idea~

Answer 1

Saya hanya tahu Vue boleh melakukannya

route: {
            deactivate() {
                ...
            }
        }

Answer 2

Terdapat peristiwa dalam ui-router yang boleh memantau perubahan keadaan Parameter dalam fungsi panggil balik boleh merekod halaman semasa
$rootScope.$on('$stateChangeStart', fungsi (event, toState, fromState) {
});

Answer 3

Jika ui-router digunakan sebagai sistem penghalaan dalam ng. Anda boleh menggunakan sistem acara ui-router untuk membuat logik perniagaan yang sepadan untuk perubahan dalam status penghalaan.

$rootScope.$on('$stateChangeStart',
function(event, toState, toParams, fromState, fromParams){
    event.preventDefault();
    // transitionTo() promise will be rejected with
    // a 'transition prevented' error
})

Untuk butiran, sila rujuk $state dalam ui-router

Answer 4

JS secara asli menggunakan peristiwa pertukaran cincang untuk memantau sama ada cincang halaman berubah Dalam aplikasi satu halaman, banyak rangka kerja akan merangkum kaedah ini ke dalam fungsi cangkuk.