アンカータグを無視するように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 
     } 
    } 
}