Как настроить vue.js игнорировать метки привязки?

Question

Я использую VueRouter с Режим истории HTML5. И я использую bootstrap 'Navs' с привязными тегами. Приложение Vue перезагружается, когда пользователь нажимает на любой якорный тег.

пример HTML

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

ли любой подход игнорировать якорные теги маршрутизатором?

Answer 1

вы можете использовать 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 
     } 
    } 
}