html - アンカータグを無視するように vue.js を設定するには?

Question

HTML5履歴モードでVueRouterを使用しています。そして、アンカータグ付きのブートストラップ「Navs」を使用します。ユーザーが任意のアンカー タグをクリックすると、Vue アプリケーションがリロードされます。

htmlの例

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

ルーターでアンカータグを無視する方法はありますか?

Answer 1

canDeactivate フックを使用して、リロード ページから vue を停止できます。次に例を示します。

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