Wie wird vue.js eingerichtet, um Anchor-Tags zu ignorieren?

Question

Ich verwende VueRouter mit HTML5-Verlaufsmodus. Und ich benutze bootstrap 'Navs' mit Anchor-Tags. Die Vue-Anwendung wird erneut geladen, wenn der Benutzer auf ein Anker-Tag klickt.

Beispiel html

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

Ist jeder Ansatz Anker-Tags von Router zu ignorieren?

Answer 1

können Sie canDeactivate hook verwenden vue Seite von reload zu stoppen, zum Beispiel:

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 
     } 
    } 
}