在 Vue 中启用（控制台）路由器事件日志记录

Posted 2023-02-22

【中文标题】在 Vue 中启用（控制台）路由器事件日志记录

【英文标题】：Enable (console) logging of router events in Vue

【发布时间】：2019-08-07 22:49:20

【问题描述】：

我怀疑在我的 Vue 和 Vuex 应用程序的某个地方触发了 (Vue) 路由器推送。要对此进行调试，我想启用某种日志记录，请在我的控制台中查看所有路由事件。我该怎么做？

我在the Vue Router guide 中搜索了“日志记录”、“事件”和“控制台”等内容，但一无所获。在 Angular 中，我可以订阅***组件中的所有路由器事件，我想我正在寻找类似的东西。

所以，简而言之：如何启用 Vue 路由器事件的日志记录？

【参考方案1】：

您需要在路由器视图中记录更改。

因此，在具有<router-view><router-view/> 标签的组件中，只需注意路由器更改：

watch: 
    '$route' (to, from) 
      console.log('Route changed from ' + from.path + ' to ' + to.path); 
    

如果这不是您要找的，请告诉我。