vue.js - 在 vue js 上观察路由对象

Question

如何在 vue js 上查看路由对象？。这是我的代码

watch: { 
  '$route.params.search': function(search) {
    console.log(search)
  }
}

它不起作用。

我尝试使用 deep 仍然无法处理 here

查看代码沙箱，您可以在 main.js 上查看路由对象。

You should not watch for the route object inside any other components. Because components get destroyed when router link changes. You should do it in the main.js file, according to your directory structure

感谢@santanu 和@ittus

Answer 1

您是否尝试过deep选项？

watch: { 
  '$route.params.search': {
    handler: function(search) {
      console.log(search)
    },
    deep: true,
    immediate: true
  }
}