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

Question

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

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

求各位前辈的思路~

Answer 1

Vue가 할 수 있다는 것만 알아요

으아악

Answer 2

ui-router에는 상태 변화를 모니터링할 수 있는 이벤트가 있으며 콜백 함수의 매개변수는 현재 페이지를 기록할 수 있습니다
$rootScope.$on('$stateChangeStart', function (event, toState, fromState){
});

Answer 3

ng에서 라우팅 시스템으로 ui-router를 사용하는 경우. ui-router의 이벤트 시스템을 사용하여 라우팅 상태 변경에 대한 해당 비즈니스 로직을 만들 수 있습니다.

으아악

자세한 내용은 ui-router의 $state를 참조하세요

Answer 4

JS는 기본적으로 hashchange 이벤트를 통해 페이지 해시가 변경되는지 여부를 모니터링합니다. 단일 페이지 애플리케이션에서는 많은 프레임워크가 이 메서드를 후크 기능으로 캡슐화합니다.