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