vue 사용자 가 현재 웹 페이지 를 닫 으 려 고 할 때 알림 을 꺼 내 는 방법

1333 단어 vue현재 웹 페이지 닫 기팝 업 알림
본 고 는 vue 가 사용자 가 현재 웹 페이지 를 닫 으 려 고 할 때 알림 을 팝 업 하 는 방법 을 소개 합 니 다.구체 적 으로 다음 과 같 습 니 다.
효 과 는 아래 그림 과 같다.

정상 js 페이지 처리 방식

window.onbeforeunload = function (e) {
 e = e || window.event;
 //   IE8 Firefox 4     
 if (e) {
  e.returnValue = '    ';
 }
 // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
 return '    ';
};
vue 처리 방식

let _this = this
  window.onbeforeunload = function (e) {
   if (_this.$route.name == "dyyPerformanceCenterSale") {
    e = e || window.event;
    //   IE8 Firefox 4     
    if (e) {
     e.returnValue = '    1111';
    }
    // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
    return '    222';
   } else {
    window.onbeforeunload = null
   }
  };
많은 친구 들 이 말 한 것 이 실현 되 지 않 았 다 는 것 에 대해 저 는 mounted 에 방법 을 상세 하 게 설명 한 다음 에 route name 을 현재 페이지 로 바 꾸 는 것 을 기억 합 니 다.
vue 가 사용자 가 현재 웹 페이지 를 닫 을 때 알림 을 팝 업 하 는 방법 에 대한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 vue 가 현재 웹 페이지 를 닫 을 때 알림 내용 을 팝 업 합 니 다.우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 지원 을 바 랍 니 다!
el-table 트 리 표 폼 검증(목록 생 성 번호)
네 이 티 브 JS 를 사용 하여 스크롤 백 효 과 를 구현 하 는 예제 코드

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage