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

Question

Penerangan senario: Dalam laluan tertentu ng, apabila pengguna meninggalkan laluan semasa, pengguna perlu digesa untuk mengesahkan sama ada untuk meninggalkan keraguan saya: Jika ia adalah aplikasi biasa, kita boleh menggunakan js untuk menentukan sama ada pengguna mahu untuk meninggalkan, tetapi dalam aplikasi satu halaman , semua lompat jauh sebenarnya pada satu halaman, saya ingin menilai...

淡淡烟草味 · Answer

Saya hanya tahu Vue boleh melakukannya

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

淡淡烟草味 · Answer

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

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

PHP中文网 · Answer

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.