[vue.js] beforeRouteLeave 사용하기

사이트를 배포하고 처음 들은것이 입력하고 있다가 잘못해서 목록을 눌렀는데 왜 복구가 안되느냐 이었어요.
이런 경우를 막기 위해 페이지를 이동하기 전에 사용할 수 있는 method가 beforeRouteLeave 입니다.
beforeRouteLeave 는 일종의 NavigationGuard로 이해를 하시면 됩니다.

반응형

사용하는 방법 

beforeRouteLeave(to, from, next){

}

사용예제

beforeRouteLeave(to, from, next){
    if(this.count === 0) next()
    else if(confirm('저장하신 내용이 사라집니다.\n변경사항은 저장되지 않습니다.')){
      next();
    }
  },