본문으로 바로가기

shaking blog

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리자
관리자
  • 블로그 이미지
    shaking

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

beforeUnmount 검색 결과

해당 글 1건

[Vue] "이 사이트에서 나가시겠습니까?" 구현하기

form 형식에 페이지에서 input 에 입력한 정보들을 저장하지 않고 페이지를 새로고침 하려하거나 다른 페이지로 나가려 할 때 "이 사이트에서 나가시겠습니까?" 라는 window 경고창을 본 적이 있을 것이다. 이를 구현하기 위해서는 window 에서 지원하는 beforeunload 라는 이벤트를 사용하면 된다. 우선 변경사항이 있는지 확인하는 플래그 변수는 isLeaveSite라고 하자 (ture이면 사이트를 종료하겠다는 것) 그리고 mounted 와 beforeUnmount 안에 다음과 같이 beforeunload 이벤트를 등록, 해지하는 코드를 입력한다. mounted() { window.addEventListener('beforeunload', this.unLoadEvent); }, before..

Helloworld!/Vue 2021. 12. 2. 18:48
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 전체 보기
MORE+

CATEGORY

  • Shaking (472)
    • Helloworld! (448)
      • Vue (11)
      • Typescript (1)
      • Javascript & jQuery (57)
      • Angular (6)
      • PHP (115)
      • Laravel (14)
      • CodeIgniter (3)
      • JAVA (12)
      • MySql (28)
      • CSS (31)
      • GIT (51)
      • XAMPP (20)
      • Amazon AWS (8)
      • MAC (16)
      • CentOS (6)
      • Design Pattern & Algorithm (6)
      • Machine Learning (7)
    • 이미지작업 (7)
      • Photoshop (4)
    • Memo (3)
    • Etc. (3)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

VISITOR

오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT shaking blog, ALL RIGHT RESERVED.
shaking blog
블로그 이미지 shaking 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
  • 글쓰기
  • 관리자
CATEGORY
  • Shaking (472)
    • Helloworld! (448)
      • Vue (11)
      • Typescript (1)
      • Javascript & jQuery (57)
      • Angular (6)
      • PHP (115)
      • Laravel (14)
      • CodeIgniter (3)
      • JAVA (12)
      • MySql (28)
      • CSS (31)
      • GIT (51)
      • XAMPP (20)
      • Amazon AWS (8)
      • MAC (16)
      • CentOS (6)
      • Design Pattern & Algorithm (6)
      • Machine Learning (7)
    • 이미지작업 (7)
      • Photoshop (4)
    • Memo (3)
    • Etc. (3)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바