반응형

페이지 이동 전에 특정 이벤트를 처리하고 싶은 경우가 있는 경우 유용합니다.

// component LIFECYCLE
components: { ... },
mounted: { ... }
methods: { ... },
beforeRouteLeave (to, from, next) { ... } // 컴포넌트를 벗어나는 경우 처리할 이벤트

// 샘플
        beforeRouteLeave(to, from, next) {
            const answer = window.confirm('데이터 저장이 되지 않았습니다. 이 페이지를 나가시겠습니까?')
            if (answer) {
                next()
            } else {
                next(false) // false를 추가한 경우 페이지 이동을 하지 않음
            }
        }
반응형
블로그 이미지

센스쟁이 프로그래머 비트센스

뷰파인더로 보는 프로그래머의 세상 페이스북 @bitsense 트위터 @picory 스카이프 picory MSN drawhalf@dreamwiz.com

댓글을 달아 주세요