브라우저 닫기 시에만 함수를 호출하는 방법

브라우저 닫기 시에만 함수를 호출하는 방법

같은 시스템의 탭이 몇 개 열려 있고 그 중 하나가 닫혀 있는 경우 브라우저를 닫았을 때만 사용자 프런트 엔드 세션을 클리어하고 싶은 상황이 있습니다.아무것도 하고 싶지 않습니다.브라우저 닫힘 또는 모든 탭 닫힘으로 아무것도 하고 싶지 않은 페이지 새로고침이 있는 경우 코드를 보여 줍니다.

App.vue

    async created() {
        window.addEventListener("beforeunload", this.handler);
    }
methods:{
    handler(){// eslint-disable-line no-unused-vars
    console.log("here");
      sessionMixin.methods.clearSession();
      return null;
    }
  }

이것이 동작하는 동안에도 문제는 사용자가 로그아웃하는 리프레시 및 탭 닫기마다 호출된다는 것입니다.그것을 원하지 않습니다.페이지 새로 고침/탭 닫기/탭 닫기/탭 닫기/탭 닫기 간에 구별하는 방법이 있을까요?다른 건 없나요?

언급URL : https://stackoverflow.com/questions/66332530/how-to-invoke-a-function-only-on-browser-close