앵커 태그를 무시하도록 vue.js를 설정하는 방법은 무엇입니까?

Question

나는 VueRouter과 HTML5 기록 모드을 사용합니다. 그리고 앵커 태그와 함께 'Navs'부트 스트랩을 사용합니다. 사용자가 앵커 태그를 클릭하면 Vue 애플리케이션이 다시로드됩니다. HTML

<a href="#tab_contacts" data-toggle="tab">Contacts</a> 

의

예는 라우터에 의해 앵커 태그를 무시 어떤 방식인가?

Answer 1

당신은 예를 들어, 다시로드 페이지에서 VUE를 중지 canDeactivate hook를 사용할 수 있습니다

route: { 
    //called before page deactivate 
    canDeactivate: function(transition) { 
     if(...){//check if the route should be ignored 

      transition.abort(); //this will stop vue-router from reloading the page 
     } 
    } 
}