angular.js - 单页应用（ng/vue）该如何监听用户离开当前页面（或者路由）？

Question

场景描述：在ng的某个路由中，需要在用户离开当前路由时提示用户是否确认离开

我的疑惑：如果是普通的应用，我们可以使用js来判断用户是否要离开，但是在单页应用中，所有的跳转离开其实都是在一个页面中，我想判断用户是否离开当前路由，但是没找到ng提供的公户离开路由的方法

求各位前辈的思路~

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.