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