在我的Vue和Vuex应用程序的某个地方,我怀疑触发了(Vue)路由推送.要调试它,我想启用某种日志(log)记录,请在控制台中查看所有路由事件.我该怎么做?

我已经搜索了the Vue Router guide次"日志(log)"、"事件"和"控制台"之类的内容,但什么也没找到.在Angular中,我可以订阅顶级组件中的所有路由事件,我想我正在寻找类似的东西.

简言之,how can you enable logging for Vue Router events?

推荐答案

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

因此,在有<router-view><router-view/>标签的组件中,只需观察路由的变化:

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

如果这不是你要找的,请告诉我.

Vue.js相关问答推荐

无法在cPanel/SSH上构建 | Laravel + Vue优化

在 VueJS 中,将变量而不是组件的字符串名称传递给动态组件的 :is 属性不起作用

在 Vue 中删除自定义组件代码重复的方法?

vuex 未知动作类型:addTodo

使用 nuxt.js 组件自动导入对性能不利吗?

VueJS - 将单独的组件加载到 vue 实例中

为什么 vue 中的 @mouseover 操作不起作用

Vue.js 过滤数组

使用 vue-test-utils 配置过滤器

Vuetify 输入自动完成错误

Vuetify Jest 未知自定义元素

'vue' 未被识别为内部或外部命令

使用 Spring Boot(VueJS 和 Axios 前端)禁止发布 403 帖子

我应该将所有数据存储在 vuex 状态

将 ref 的内容从子组件传递到另一个 VueJS 子组件

使用 vuejs 设置响应式屏幕宽度

在 Vue.js 模板中调用函数

Vue过滤器应该如何使用typescript绑定?

在鼠标悬停时动态添加和删除类

超过最大调用堆栈大小 Vuetify