如何设置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 
     } 
    } 
}