如何設置vue.js忽略錨標籤？

Question

我使用VueRouter與HTML5歷史記錄模式。我使用引導程序'導航'與錨標籤。當用戶點擊任何錨標籤時，Vue應用程序將重新加載。 HTML

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

的

例子是通過路由器忽略錨標記任何方法嗎？

Answer 1

可以使用canDeactivate hook從重載頁面停止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 
     } 
    } 
}