如何设置vue.js忽略锚标签？

Question

我将 VueRouter 与 HTML5历史记录模式一起使用。我使用bootstrap＆＃39; Navs＆＃39;与锚标签。当用户点击任何锚标记时，将重新加载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
        }
    }
}